5. Design & Creative

Guides creation of modular, reusable UI components using atomic design and design system principles for scalable interfaces.

Applies modern UI/UX principles emphasizing minimalism, keyboard navigation, and accessibility for intuitive user interfaces.

Provides theme customization and troubleshooting for KiteUI, including color, font, and semantic styling issues.

Manages portfolio design tokens, CSS variables, and component patterns for consistent HTML and CSS styling.

Guides selection and review of iOS navigation patterns (tabs, stacks, modals, sheets, deep links) for app structure design and refactoring.

Facilitates collaborative ideation and exploration of design options, trade-offs, and creative possibilities before implementing features or components.

Provides UI/UX best practices and accessibility guidelines for reviewing code, auditing forms, and ensuring compliant web interface standards.

Guides iOS design for motion and haptics, covering animations, transitions, and feedback states per Apple's design guidelines.

Provides core iOS Human Interface Guidelines (HIG) for UI/UX design, covering layout, typography, color, spacing, controls, and iconography.

Provides a structured checklist for reviewing iOS UX/UI elements including hierarchy, spacing, and copy, outputting prioritized design fixes based on platform guidelines.

Creates distinctive, production-grade frontend interfaces with creative design execution. Generates polished code for web components, pages, and applications using UI/UX principles.

Creates high-quality, production-ready frontend interfaces using the Primer design system, generating polished code and UI that adheres to brand guidelines.

Enables structured exploration of user intent, requirements, and design before development to guide creative implementation.

Generates Mermaid diagrams for flowcharts, sequence diagrams, and system architecture visualizations.

Provides a React-based dark glassmorphic UI system featuring glass effects, rim lighting, and multi-layer cards for premium dashboards and portfolio sites.

Applies Sociomedia Human Interface Guidelines (SHIG) to design and review web application interfaces, ensuring usability and accessibility.

Comprehensive design system guide for Dr. Sophia AI's botanical brand, featuring typography, color palette, and component templates to ensure UI consistency.

Generates high-quality, mobile-first UI components and layouts for Next.js with distinctive design quality, avoiding generic AI aesthetics.

Creates high-quality, distinctive frontend interfaces for landing pages, dashboards, and web components, emphasizing polished UI design and avoiding generic AI aesthetics.

Creates responsive Angular UI components with Material Design and SCSS for consistent admin/customer front-end experiences.

Verifies responsive design across mobile, tablet, and desktop layouts, checking breakpoints and touch-friendliness for optimal user experience.

Provides standardized layout structure for individual Pokémon TCG card pages, ensuring consistent visual organization and design.

Provides a comprehensive checklist to verify all design and functional requirements for a new theme implementation before submission.

Creates NotebookLM-style slide images (PNG) from documents, articles, or text with customizable 16:9 4K output.