Loading...
Loading...
Found 898 Skills
Design system and token management. Use for managing design tokens, colors, typography, and maintaining design consistency.
Apple Human Interface Guidelines for content display components.
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.
This skill should be used when the user asks to "add SF Symbols", "animate icons", "use symbol effects", "apply symbol rendering mode", "add bounce/pulse effect", or needs SwiftUI iconography API reference. Provides SF Symbols usage, rendering modes (monochrome, hierarchical, multicolor, palette), symbol effects, and variable values.
Design gesture-based interactions for touch and pointer devices.
Design clear, accessible data visualizations with appropriate chart selection and styling.
Design system feedback for user actions including confirmations, status updates, and notifications.
Create an icon system specification covering grid, sizing, naming, categories, and implementation guidance.