5. Design & Creative

Designs multi-step user flows with navigation, state management, and progressive disclosure for UI/UX structures.

Provides typography patterns using Utopia fluid type scale with cqi units for font sizing, line heights, and text styling in UI/UX design.

Provides interactive component state patterns (hover, focus, active, disabled, loading, error) for UI elements like buttons and inputs.

Offers fluid spacing tokens and layout patterns for UI/UX design, covering responsive spacing, margins, padding, and container widths.

Provides enterprise-grade UI/UX foundation including design systems, component architecture, accessibility compliance, icons, and theming integration.

Generates creative, polished frontend interfaces and components with high design quality, avoiding generic AI aesthetics.

Provides UI/UX design patterns for forms, including validation, labels, error handling, and custom elements for interactive data collection.

Applies cognitive psychology principles to UX design, aiding in feature planning, interface structuring, complexity reduction, and user journey optimization.

Creates UI/UX designs compliant with Apple's Human Interface Guidelines for iOS, macOS, watchOS, and tvOS, covering components, layouts, typography, and color systems.

Develops design systems and UI kits in Figma 2025 with design tokens and component documentation for consistent UI implementation.

Verifies OpenSCAD libraries (BOSL2, Round-Anything), troubleshoots issues, and ensures designs meet professional CAD quality standards.

Generates and edits images via Gemini API for creative tasks including logos, stickers, and product mockups using text prompts and style transfers.

Generates professional multi-panel character reference sheets for product mascots and brand characters, featuring multiple views and Libre Baskerville typography.

Creates high-quality, distinctive frontend interfaces for healthcare applications with accessibility focus and intentional creative direction.

Expert in enterprise UI/UX design, specializing in design systems, component architecture, accessibility, and theming integration for scalable products.

Provides MYCURE-specific video production methodology using two-column AV scripts, visual-audio harmony, and scene principles for tutorials and demos.

Provides healthcare UX standards for HIS, EMR/EHR, and patient portals, ensuring WCAG 2.2 AA compliance and alignment with ADA, Section 508, and healthcare regulations.

Creates professional Mermaid diagrams for code documentation and system design, integrated with Claude Code via Playwright automation.

Manages photo uploads, analysis, and processing for visual content within Claude Code conversations.

Guides mobile-first responsive design for React/TypeScript/Tailwind applications, covering breakpoints, fluid typography, and touch targets.

Professional guide for implementing Moai Library with Shadcn UI components in React applications.

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

Generates AI-created images from text prompts using the Jimeng API, supporting text-to-image and image-to-image with customizable dimensions.

Refines rough concepts into complete designs using structured Socratic questioning, alternative exploration, and incremental validation before implementation.