5. Design & Creative

Creates architecture diagrams using Mermaid and ASCII for visualizing service flows, sequence diagrams, and C4 models.

Creates high-fidelity, pixel-perfect, and accessible UI/UX designs with advanced animations for modern interfaces.

Provides guidelines for developing the Basalt design system, covering components, theme tokens, stories, and infrastructure within the packages/basalt/ directory.

Automates design system compliance checks and enforces 'Calm Luxury' aesthetic standards across UI components and visual assets.

Generates distinctive, production-grade frontend interfaces using Gemini 3 Pro for creative design ideation, avoiding generic AI aesthetics.

Centralizes brand guidelines, design tokens, voice, and tone to ensure consistent UI components, styling, and user-facing assets across all touchpoints.

DAW-grade slider system for audio UIs, featuring precision controls, behavior curves, and debug overlays for professional music production interfaces.

Provides optimized workflows and techniques for building video content using Remotion within React applications.

Creates and saves AI-generated images for Obsidian campaign logs and lore entries using OpenAI's image API.

Generates multiple cohesive video clips for marketing and brand storytelling, assembling into longer-form content (18-60+ seconds) with consistent visual language.

Enforces typography best practices including a 12px minimum font size and proper design token usage for readable and consistent text components.

Generates seamless infinite video loops using forward-reverse-crossfade for background animations and ambient video content without visible jumps.

Comprehensive UI/UX design intelligence featuring 50 styles, 21 palettes, and 50 font pairings for modern frameworks including Tailwind and shadcn/ui.

Generates short-form AI videos for marketing, landing pages, and UI backgrounds using Google Veo 3 via Vertex AI with automatic prompt engineering.

Generates high-fidelity UI components with premium aesthetics, adhering to modern design principles and visual standards.

Generates 30-second video commercials by creating storyboards, generating scene images, adding narration via ElevenLabs, and assembling the final video.

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

Provides DAW-grade precision controls, Emacs-inspired keybindings, and micro-interaction patterns for enhanced UI/UX design and user experience.

Provides a structured color system for UI design, including surface hierarchy and accent palettes to ensure consistency in color schemes and visual elements.

Analyzes audio file technical parameters (encoding, sample rate, channels) to generate quality reports and recommendations.

Clones and customizes UI templates (landing pages, dashboards) with style extraction, config-driven content, and theme customization.

Expert UI/UX designer transforming code into high-end visual interfaces. Defines color palettes, typography, and design systems for ERP applications.

Manages design token systems for theming, providing canonical token locations and extension patterns for CSS variable integration.

Provides a 14-section psychological framework for designing high-conversion B2B landing pages for services and products.