5. Design & Creative

Provides billboard-inspired UI design patterns including video grids, chart layouts, and Framer Motion animations for components like episodes pages and artist cards.

Provides billboard-inspired design patterns for UI components including video grids, chart layouts, and editorial typography.

Audits typography consistency and usability to ensure readable, visually cohesive text styling across interfaces.

Explores interaction design, user flows, and information architecture to determine optimal user interactions and information organization.

Ensures UI implementations adhere to Billboard's visual language and Fireside Tribe design system, maintaining brand consistency and design integrity.

Reviews UI implementations against Billboard's visual language, ensuring design consistency, component alignment, and layout accuracy through automated feedback.

Systematically audits and enhances UI/UX quality through visual analysis and user-approved improvements for professional design outcomes.

Audits design system implementation against SPEC files to ensure consistency in tokens, components, and theming.

Applies the Hack Club design aesthetic to user interfaces using hack.css, requiring user confirmation before implementation.

Reviews and ensures consistent spacing, alignment, and grid usage across UI components to maintain visual harmony.

Provides deterministic utilities for validating, rendering, and exporting MIDI/WAV files in the BeatLab music production pipeline.

Explores visual design elements including layout, color, and typography to determine optimal UI aesthetics and treatment.

Generates distinctive, production-ready frontend interfaces with high design quality, avoiding generic AI aesthetics for web components, pages, and applications.

Provides a standardized JSON contract for 16-step piano and drum sequences in beat generation and editing.

Builds design token systems and component architecture to ensure consistent UI across web and React Native applications.

Guides UI component design, interface layout, design system consistency, CSS/Tailwind optimization, responsive design, and accessibility checks.

Provides UX design principles and diagnostic frameworks to diagnose user discomfort and guide user journeys and layout decisions.

Creates markdown documentation for Figma design systems from component URLs, automatically updating CHANGELOG.md.

Generates or updates Figma Make guidelines with Tailwind configuration from design system foundations, triggered by specific commands.

Generates and edits images using OpenAI GPT Image 1.5 and Google Gemini 3 Pro Image, supporting image-to-image editing and mask-based inpainting.

Advises on UI/UX design choices including layouts, color schemes, and component patterns that integrate seamlessly with existing frontend codebases.

Provides design guidance for UI/UX elements including wireframes, mockups, design systems, and component layout decisions.

Designs error handling, confirmation dialogs, and undo features to build user trust through predictable and graceful interactions.

Provides guidance on brand identity elements including logo design, color palettes, and style guides for consistent visual representation.