5. Design & Creative

Audits design systems for consistency, documents undocumented tokens, identifies design debt, and prepares for refactoring.

Enables interactive control of Autodesk Fusion 360 for creating sketches, shapes, and 3D models via the Claude Bridge add-in.

Provides the project's design system and color palette for consistent UI styling and component creation across all visual elements.

Generates advertisements, promotional videos, and custom video content using AI models Google Veo 3.1 and Imagen.

Analyzes images, UI mockups, and visual content to extract information, compare designs, and assess visual properties such as color, typography, and layout.

Accesses Figma design data including layout, styles, and components for seamless UI implementation and design token extraction.

Generates distinctive, intentional frontend designs for landing pages, dashboards, and forms to avoid generic AI-generated layouts.

Analyzes UI patterns across codebases, compares design system implementations, and audits UI consistency to guide new development decisions.

AI-powered generation of React UI components and design assistance for building dashboards and applications.

Creates brand-aligned UIs, components, and visual styles for websites, blogs, and presentations using industry design trends and specifications.

Generates AI-powered images from text or existing images using Google Gemini via OpenRouter, supporting text-to-image and image-to-image transformations for creative projects.

Collaboratively refines rough ideas into fully-formed designs via questioning, exploration, and validation before implementation.

Performs static UI/UX and accessibility reviews on frontend codebases, generating context mapping, violation analysis, and executive synthesis reports.

Integrates shadcn/ui components with Tailwind CSS for custom UI design, including theming and styling variants.

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

Captures spontaneous brainstorming insights that diverge from initial plans, preserving the unique creative thinking that shapes project direction.

Toolkit for applying pre-set or custom themes (colors, fonts) to design artifacts including slides, documents, reports, and HTML pages.

CLI tool for reliably downloading complete Figma design context and metadata to local files, avoiding data truncation from direct API calls.

Creates unique, production-ready UIs with creative design, avoiding generic AI aesthetics for web components, pages, and layouts.

Comprehensive Material Design 3 (M3) guidance for building accessible, modern UIs with component compliance, design tokens, and expressive motion.

Creates and edits diagrams using draw.io, supporting XML editing, PNG conversion, and AWS icon integration.

Refines rough concepts into structured designs through collaborative questioning and exploration before technical implementation.

Generates app icons, splash screens, and adaptive icons for iOS, Android, and Web platforms to support UI/UX design requirements.

Converts PDF/text documents to visually enhanced HTML while preserving content, enabling browser printing to PDF for professional documents.