5. Design & Creative

Crafts high-quality UI/UX interfaces for web applications without requiring pre-existing design mockups, blending design and development expertise.

Generates distinctive, production-ready frontend interfaces with high design quality. Creates polished HTML/CSS, React components, and UI layouts for websites, dashboards, and web applications.

Reviews UI code against Web Interface Guidelines, ensuring accessibility, design consistency, and UX best practices adherence.

Creates and edits visual diagrams (mind maps, flowcharts) in Obsidian using .canvas files for note organization and visualization.

Generates responsive pricing UI components including tables, cards, and comparison interfaces for subscription plans.

Reviews UI code for adherence to Web Interface Guidelines, ensuring accessibility, usability, and design best practices.

Guides pre-implementation exploration of user intent, requirements, and design to inform creative feature development and component building.

Generates high-quality, distinctive frontend interfaces and UI designs for web applications, components, and pages, avoiding generic AI aesthetics with polished, creative code.

Generates professional math animations via Manim using a six-agent workflow for visualizing mathematical concepts and educational content.

Generates AI image prompts using 'Gap Focus' and 'Keyhole Reveal' techniques to create cinematic, mysterious visuals with narrow visual corridors.

Designs high-energy, logically connected action sequences for AI video generation by analyzing themes or images, ensuring physical momentum and visual diversity through recursive optimization.

Programmatically controls CapCut and JianYing for automated video creation, editing, batch processing, and AI-powered video generation.

Provides standardized conventions for implementing 8-bit styled UI components with shadcn/ui, ensuring consistent retro design patterns.

Generates authentic 8-bit pixel art patterns for borders, shadows, and effects in retro-styled UI components.

Organizes CSS for retro 8-bit interfaces using custom properties, pixel fonts, and responsive pixel art to maintain visual consistency in retro-styled components.

Optimizes 8-bit animations for smooth performance in pixel art, game UI, and retro-styled animations.

Creates consistent isometric sprite sheets for game assets including vehicles, buildings, and visual elements using GenerateImage tool.

Creates Ralph hat collection presets via guided conversation, validating inputs and producing production-ready YAML configuration files.

Provides comprehensive UI/UX design intelligence with 50 styles, 21 palettes, and component libraries for modern frameworks like React and Tailwind.

Creates accessible, visually consistent user interfaces using shadcn/ui, Tailwind CSS, and Radix UI components for design systems and responsive layouts.

Creates high-quality, distinctive frontend interfaces and UI components with visual polish, avoiding generic AI aesthetics for production applications.

Creates technical diagrams including flowcharts, sequence diagrams, and architecture using Mermaid.js v11 for documentation and visual communication.

Creates aesthetically beautiful UI/UX interfaces using design principles, visual hierarchy, color theory, and AI-assisted generation.

Generates innovative ideas by forcing unrelated concepts together to uncover emergent properties and unexpected solutions.