Agent Skill
Web Component Design
Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component librari…
Prompts about UI Design
Search and filter the whole catalogue. Results update as you type.
16 prompts
Agent Skill
Responsive Design
Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, i…
Agent Skill
Visual Design Foundations
Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides…
Text
Design Review
Review existing UI for issues and improvements
Text
Design System Setup
Initialize a design system with tokens
Agent Skill
Accessibility Compliance
Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implemen…
Agent Skill
Design System Patterns
Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switch…
Agent Skill
Interaction Design
Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, o…
Agent Skill
Mobile Android Design
Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Goog…
Custom Agent
Accessibility Expert
Expert accessibility specialist ensuring WCAG compliance, inclusive design, and assistive technology compatibility. Masters screen reader optimization, keyboard navigati…
Agent Skill
Mobile iOS Design
Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps…
Custom Agent
Design System Architect
Expert design system architect specializing in design tokens, component libraries, theming infrastructure, and scalable design operations. Masters token architecture, mu…
Agent Skill
React Native Design
Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native apps, implementing navigation pa…
Custom Agent
UI Designer
Expert UI designer specializing in component creation, layout systems, and visual design implementation. Masters modern design patterns, responsive layouts, and design-t…
Text
Accessibility Audit
Audit UI code for WCAG compliance
Text
Create Component
Guided component creation with proper patterns