5. Design & Creative

Audits web interface components against established UI, accessibility, and UX best practices to ensure quality and compliance.

Guides web UI design through principles of components, layouts, color, and typography for creating aesthetic interfaces.

Guides mobile app design using platform-specific conventions for iOS and Android, emphasizing touch interactions and performance patterns in React Native, Flutter, and native development.

Expertise in Tailwind CSS 4.0 for building modern, responsive UIs with CSS-First architecture and scalable design systems.

Provides comprehensive UI/UX design intelligence with 50 styles, 21 palettes, and 50 font pairings for creating responsive interfaces across frameworks like React and Tailwind.

Reviews UI code against Web Interface Guidelines to ensure compliance with accessibility, usability, and design best practices.

Specializes in creating accessible, responsive, and high-performance user interfaces for web applications through UI/UX design expertise.

Provides a structured checklist for evaluating UI/UX designs, including colors, typography, accessibility, and design tokens.

Creates high-quality, distinctive frontend interfaces and UI components with a focus on design aesthetics and avoiding generic AI outputs.

Provides opinionated design constraints and guidelines for building intuitive user interfaces specifically for AI agent interactions.

Provides a dark, data-dense frontend design system for Gridiron NFL management game, mirroring ESPN and sportsbook UI aesthetics.

Creates and customizes mermaid diagrams including flowcharts, sequence diagrams, and architecture diagrams for documentation in markdown files.

Conducts Nielsen-style heuristic UX audits with mobile-first flow analysis, delivering prioritized issue lists with severity and fixes.

Checks CareMatch component compliance with accessibility guidelines for elderly users aged 50-70.

Applies Material Design 3 Expressive design principles for UI, micro-interactions, color systems, and spring-based animations.

Provides UI design standards for accessibility compliance, semantic HTML structure, and responsive layout implementation.

Reviews UI/UX implementations against Material Design 3, WCAG 2.2 AA, and Nielsen's 10 usability principles to ensure accessibility and user-friendliness.

Provides structured CSS architecture for vanilla CSS, including organization, design tokens, and responsive patterns to enhance UI consistency and adaptability.

Audits UI component consistency in padding, color, and typography to ensure adherence to design system standards.

Generates high-quality diagrams using Mermaid syntax for technical documentation and visual design purposes.

Provides Catppuccin Frappé color palette (hex/rgba) for consistent visual styling in Mermaid diagrams.

Designs distinctive, production-ready frontend interfaces with strong visual aesthetics and meticulous attention to detail.

Applies intentional minimalism to design avant-garde, clean, and highly intentional frontend interfaces with strong UX focus and longevity, including exhaustive design analysis.

Generates and edits images using Gemini 3 Pro Image via OpenRouter API, supporting text-to-image creation, photo modification, and image composition.