5. Design & Creative

Provides prompting patterns and templates for UI design analysis using Gemini, supporting design reviews, accessibility audits, and design system validation.

Provides a component library for building accessible, customizable UIs with shadcn/ui, including theming, dark mode, and form integration.

Specifies artistic direction via single markdown files for design style templates in creative projects.

Provides predefined design system references including Material Design 3, Apple HIG, Tailwind UI, and Ant Design for UI design reviews.

Configures TailwindCSS v4 with CSS-first patterns, design tokens, and modern CSS features for UI development.

Provides core FFmpeg capabilities for video and audio processing tasks including trimming, conversion, and filter chains.

Provides opinionated design constraints to enhance user interface development for agent-based applications, ensuring consistency and usability.

Converts PDF documents into engaging video presentations by extracting key points and formatting content for visual storytelling.

Enables creation, editing, and analysis of PowerPoint presentations (.pptx) including content, slide layouts, and speaker notes.

Applies OpenAI's brand colors and typography to ensure visual consistency with Codex/OpenAI design standards across all artifacts.

Builds production-ready chat UI with optimized keyboard handling, list recycling, and mobile gesture support for cross-platform apps.

Generates images from text prompts using the image_generate.py script.

Generates videos from text prompts using a Python script, optionally incorporating a starting frame image.

Automatically creates style-specific illustrations from document structure, generating relevant visuals for covers and sections.

Creates intuitive user interfaces and experiences through wireframing, user flow design, and accessibility compliance (WCAG).

Specializes in creating intuitive user interfaces and enhancing user experience through design principles and tools.

Creates dynamic motion graphics including kinetic typography, logo animations, and attention-grabbing title sequences for visual impact.

Composes multi-element animation scenes with structured acts, transitions, and camera control for complex visual sequences.

Generates narrative animations to visually explain concepts through step-by-step demonstrations, progressive revelation, and visual metaphors.

Designs site structures, navigation systems, and labeling to improve user findability and information organization.

Generates visual service blueprints including frontstage/backstage views, touchpoints, and support processes using service design methodology.

Plans and designs usability tests including task creation, think-aloud protocols, and metrics definition for user experience evaluation.

Conducts heuristic evaluations using Nielsen's 10 heuristics and expert review methodology for usability assessment.

Plans user research studies including method selection, participant recruitment, study design, and research questions for generative and evaluative research.