Loading...
Loading...
Found 607 Skills
Use when making design decisions, reviewing UI for HIG compliance, choosing colors/backgrounds/typography, or defending design choices - quick decision frameworks and checklists for Apple Human Interface Guidelines
Design system and token management. Use for managing design tokens, colors, typography, and maintaining design consistency.
Design adaptive layouts and interactions that work across all screen sizes and input methods.
Use when: building new UI from scratch and need design workflow (layout → theme → animation → code). Don't use when: extracting design from existing code (use frontend-design-extractor) or need full production site (use frontend-design-ultimate). Routing tree: "Building new site from scratch?" → frontend-design-ultimate; "Need UX critique or design tokens?" → ui-ux-pro-max; "Redesigning existing frontend with quantified eval?" → human-optimized-frontend; "Need design workflow (wireframe → theme → code)?" → frontend-design (superdesign); "Extracting design from existing codebase?" → frontend-design-extractor
Establish design review gates with criteria, checklists, and approval workflows.
Specify wireframe layouts with content priority, component placement, and annotation.
Specify micro-interactions with trigger, rules, feedback, and loop/mode definitions.
Create QA checklists for verifying design implementation accuracy.
Design effective dark mode interfaces with proper color adaptation, contrast, and elevation.
Define an illustration style guide with visual language, color usage, and application rules.
Design gesture-based interactions for touch and pointer devices.
Design clear, accessible data visualizations with appropriate chart selection and styling.