5. Design & Creative

Provides a Tailwind CSS-based design system with accessibility patterns and project-specific UI/UX guidelines for consistent frontend development.

Creates interactive 3D visualizations with Three.js, featuring orbit controls, lighting, and animation for creative projects.

Generates interactive maps with markers, routes, and geographic data using the Leaflet JavaScript library.

Preview Mermaid diagrams (flowcharts, sequence diagrams, etc.) directly in the browser for design and documentation purposes.

Generates standardized, accessible UI components that extend Shadcn/UI while maintaining theme compatibility and design consistency.

Refines UI/UX design with meticulous attention to visual aesthetics, creating polished and user-friendly frontend interfaces.

Generates ASCII art diagrams from workflow definitions and exports them as image files (PNG, SVG).

Generates and validates OpenGraph images for social media previews, ensuring consistent dimensions and proper display across platforms for the PM Philosophy Map.

Enhances app store icon and screenshot quality with Python/Pillow for improved visual clarity and resolution.

Applies Volvox LLC's brand identity, including colors, typography, and tone, to all branded content such as websites, UI components, and marketing materials.

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

Author Rhai scripts for the Director video engine to create and edit video content, animations, and cinematic transitions.

Interacts with Figma design files via Plugin API to create shapes, modify properties, and extract design information.

AI-powered CLI tool for generating images, videos, and voice audio using Google's Imagen, Veo, and Gemini models.

Reviews UI designs for usability, ensuring intuitive user experiences and adherence to design best practices.

Provides psychology-driven design improvement proposals to enhance user experience and interface effectiveness.

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

Converts PRDs and feature specs into UX specifications for Figma and similar tools, enabling wireframe and visual design creation.

Translates UX specifications and feature documents into sequential, self-contained prompts for UI generation tools like v0 and Bolt.

Generates high-quality, distinctive UI/UX designs and production-ready frontend code for web interfaces, avoiding generic AI aesthetics.

Generates platform-agnostic brand identities using Jungian archetypes, defining color palettes, typography, and brand voice guidelines.

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

Provides concise guidance on SVG diagram rules, layout patterns, and embedding for slide decks, focusing on minimal and efficient SVG usage.

Official interface for Stitch AI UI/UX design tool, enabling design interactions via MCP protocol.