5. Design & Creative

Provides M3-compliant Flutter UI components for buttons, cards, forms, and inputs, enabling design system implementation and migration.

Provides Tailwind CSS styling patterns, dark theme implementation, and theme management for UI components and design system integration.

Acts as a UX designer applying Garrett's 5-layer model to generate requirements, wireframes, and design documentation in Markdown for new products or existing UX reviews.

Generates Mermaid flowcharts for screen transitions based on requirements, user stories, and Figma structure, including screen/transition catalogs and exception handling.

Generates high-fidelity UI mockups with states (empty, error, loading) and development-ready annotations for seamless handoff.

Creates professional OCI architecture diagrams using verified Oracle styling and icons for accurate cloud infrastructure visualization.

Architects and validates information architecture to structure content for intuitive navigation, taxonomy, and search systems.

Designs executive dashboards with 6-8 KPIs using the 5-second rule for immediate insight.

Designs high-velocity sales interfaces with sub-2-minute action loops using split-screen layouts and keyboard navigation for lead processing.

Provides a comprehensive design system for UK Police market intelligence dashboards, including UI components, color tokens, typography, and ADHD-specific features.

Designs ADHD-optimized interfaces with cognitive load reduction, single-task focus, and executive function support to improve usability for all users.

Comprehensive UX design guidance covering research, information architecture, interaction patterns, and accessibility for web and mobile platforms.

Guides users through creating a new section in an AI Workshop presentation with title slide setup, layout choices, and content gathering.

Generates distinctive, production-ready UI designs for frontend frameworks (React, Tailwind, React Native, Swift) with intentional typography, color, and motion to avoid generic AI aesthetics.

Design-only architecture for Bible reading systems: creates data models, component hierarchies, audio contracts, and URL schemes without code changes.

Generates validated user personas, journey maps, and empathy maps using research and Jobs-to-be-Done framework for design teams.

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

Enables interactive addition of items to a chronological timeline interface, enhancing user experience in visual data presentation.

Provides a design system for creating consistent user interfaces and experiences for AWS cloud applications and services.

Creates distinctive, production-ready frontend interfaces and UI components with high design quality, avoiding generic AI aesthetics. Generates polished HTML/CSS and React-based UIs for websites, dashboards, and applications.

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

Pre-work process to clarify design intent, constraints, and direction for features, components, and behavior changes.

Generates clean, minimal technical SVG diagrams in a Cloudflare-inspired style for architecture, flow, and component diagrams in documentation and blog posts.

Generates distinctive, production-grade frontend interfaces and UI components with high design quality, avoiding generic AI aesthetics.