5. Design & Creative

Generates aesthetically pleasing UI/UX designs using color theory, visual hierarchy, and micro-interactions with AI-assisted iteration and documentation.

Processes video, audio, and image files using FFmpeg and ImageMagick for format conversion, filtering, and optimization.

Generates polished, creative frontend code for web components and pages, emphasizing unique design and avoiding generic AI aesthetics.

Expertise in creating interactive prototypes and production websites using Framer, including Framer Motion animations, CMS integration, and Framer MCP server setup.

Provides a standardized protocol for describing UI and layout issues in screenshots using structured visual communication.

Expert assistant for generating color palettes, optimizing LED effects, and debugging visual displays in FastLED projects to enhance creative output.

Expert assistant for creating visually polished presentations using Deckset with Markdown, handling slide formatting, media integration, and theme configuration.

Structured ideation process for generating options, evaluating trade-offs, and arriving at a clear decision through collaborative creativity.

Automates audio editing tasks including batch processing, normalization, and mixing using FFmpeg for scalable production workflows.

Sourcing and managing sound effects from Adobe Audition, Freesound, and ElevenLabs for professional audio production and immersive soundscapes.

Refines rough ideas into fully-formed designs using structured Socratic questioning and incremental validation before technical implementation.

Guides Flutter UI development with Material Design (Android) and Cupertino (iOS) compliance, ensuring adaptive layouts and theme-based styling.

Enforces Apple Human Interface Guidelines compliance for iOS UI components, ensuring HIG principles, Dark Mode support, and proper spacing in SwiftUI and UIKit.

Guides implementation of Android UI components with Jetpack Compose and Material Design 3, ensuring Material You compliance and avoiding common anti-patterns.

Applies modern web UI design principles to components like buttons, forms, and layouts, ensuring minimalism, consistent spacing, and professional aesthetics.

Guides UI/UX design workflows through three phases: divergence (variations), convergence (functional), and systemization (polish).

Provides a standard procedure for manual UI/UX testing on a local development server during the preview phase before product shipping.

Provides shadcn/ui component patterns for Next.js 16 applications, enabling UI customization, composition, and form integration with Tailwind CSS.

Automates generation of playable game demos from concept documents using Three.js, including characters, scoring, and music.

Enables creation, editing, and analysis of Microsoft PowerPoint (.pptx) files, including content modification, layout adjustments, and speaker notes.

Enhances user experience during long-running operations with progress indicators, status displays, and interactive feedback in streaming workflows.

Comprehensive guide to vector icon libraries including React Icons and Iconify, with implementation patterns and best practices for UI/UX design.

Validates alignment between design assets and creative briefs, identifying deviations to prevent design drift.

Creates professional Mermaid diagrams for technical documentation, system design, and visual communication.