5. Design & Creative

Validates code and styles against design tokens to ensure consistent use of official colors, spacing, and typography, preventing hard-coded values in UI/UX development.

Validates margin, padding, and gap values against design system spacing scales and grid rules to ensure layout consistency.

Creates text-based ASCII art visualizations of UI wireframes and layouts for design representation.

Maps aesthetic briefs to cultural references (art, film, fashion) with visual analysis and organizes findings in Brain canvas.

A UI/UX toolkit for applying pre-set or custom themes to digital artifacts including slides, documents, and HTML pages.

Generates precise, production-ready SVG graphics for technical diagrams, UI icons, and business visuals, converting design requirements into clean SVG markup.

Offers 10 pre-configured themes with consistent color palettes and typography for UI/UX design systems and branding applications.

Creates visual assets through image generation, format conversion, and layout composition for professional design needs.

Audits Hugo-based UI/UX layouts, navigation, and interactions against Tone & Voice Guide to ensure intimacy, consent-forward design, and inclusive accessibility.

Generates Mermaid-based architecture diagrams for visualizing system flows, component relationships, sequences, and data models.

Provides mobile UI design patterns, gesture interactions, and animations for platform-specific mobile interfaces.

Produces production-grade, distinctive frontend interfaces that avoid generic 'AI slop' aesthetics for landing pages, dashboards, and UI components.

Gathers user preferences for visual style, theme, and interface aesthetics to guide UI/UX design decisions at project inception.

Generates original visual designs for posters and static art in PNG/PDF format without copyright infringement.

Guides implementation of Material Design 3 (Material You) for Android, web, and cross-platform apps with dynamic theming capabilities.

Comprehensive UI/UX design resource hub offering 50 styles, 21 palettes, and 50 font pairings for modern web and mobile applications.

Guides integration of daisyUI component library with Tailwind CSS for building responsive UI components and custom themes.

Applies consistent corporate branding guidelines to documents, ensuring uniformity in colors, fonts, layouts, and messaging across all outputs.

Guides implementation of web accessibility (WCAG) principles for inclusive design, development, and review of user interfaces.

Generates AI-powered image assets for web projects, including background removal, SVG conversion, and frontend integration for hero images, icons, and mockups.

Provides the design system, theme, and UX guidelines for the Physical AI Hub, ensuring consistent UI/UX across the platform.

Creates, edits, and analyzes PowerPoint presentations (.pptx) including content, layouts, and speaker notes for professional visual communication.

Generates polished, non-generic frontend interfaces and components for web applications with high design quality and creative execution.

Creates accessible, responsive user interfaces using shadcn/ui, Tailwind CSS, and canvas-based design tools for consistent visual patterns and styling.