5. Design & Creative

Reviews UI code against Web Interface Guidelines to ensure accessibility and design best practices compliance.

Creates optimized animated GIFs for Slack with validation constraints and animation guidelines for seamless platform integration.

Creates distinctive, production-grade frontend interfaces with high design quality, avoiding generic AI aesthetics. Generates polished UI code for web components and applications.

Provides UI design guidelines adhering to the 'Engineered Hardware' aesthetic, emphasizing clean, functional interfaces.

Applies a design philosophy for UI components, animations, and interactions emphasizing restraint and craft, triggered by specific phrases.

Creates distinctive, production-grade web layouts with bold aesthetics and semantic token systems for pages, components, and visual treatments on aiandi.dev.

Captures website screenshots for visual design verification using Puppeteer, outputting to /tmp. Serves as foundation for design-loop workflows.

Guides end-to-end podcast production including audio editing, transcription, show notes, and RSS feed distribution workflows.

Creates multi-platform icon sets (macOS, Windows, Linux, iOS, Android, Web) with correct sizing, formats, and conversion workflows.

Provides reusable FFmpeg patterns for video and audio processing tasks including transcoding, filtering, and batch operations.

An iterative process for refining visual designs through implementation, assessment, and adjustment cycles to achieve optimal visual outcomes.

Generates videos from text prompts, image-to-video conversion, and AI editing using tools like Sora and Runway. Integrates AI video APIs for creative content creation.

Provides platform-specific patterns for uploading, scheduling, and managing video metadata on YouTube, TikTok, and Vimeo for efficient content distribution.

Converts images to structured diagram formats (Mermaid/DOT) for design and documentation purposes.

Architects and evolves design systems using design tokens, component libraries, and accessibility testing for cohesive user experiences.

Provides consistent UI/UX design for dashboards, applications, and tools using Subcog for persistent design memory.

Provides SignalPilot's design system featuring Soft Violet gradients, isometric patterns, and brand-native UI components for consistent frontend visual development.

Creates and edits visual canvases for mind maps, flowcharts, and diagrams using .canvas files, particularly in Obsidian.

Creates a cohesive UI design system using Tailwind CSS, Shadcn UI, and the FreshTrack Green Theme for consistent component styling.

Generates professional academic research posters in LaTeX with customizable layouts, color schemes, and figure integration for scientific communication.

Enables collaborative idea generation for feature design, component creation, and functionality planning in creative development workflows.

Enables pre-implementation exploration of user intent, requirements, and design for creative development tasks like feature creation and component building.

Creates production-ready frontend interfaces and supports UI task implementation within design documentation pipelines.

Assists in visual design tasks including UI analysis, accessibility audits, color extraction, and screenshot-to-code conversion using Google Gemini 3.