Loading...
Loading...
Found 6 Skills
Practical UI design patterns and principles for creating polished, professional interfaces. Based on proven techniques from Refactoring UI and Practical UI. Use when working with ui, design, layout, spacing, typography, color, hierarchy, styling.
Common interface patterns, navigation patterns, form patterns, data display patterns, feedback patterns, and accessibility considerations
Build reusable, maintainable UI components following modern design patterns. Use when creating component libraries, implementing design systems, or building scalable frontend architectures. Handles React patterns, composition, prop design, TypeScript, and component best practices.
Reference library of proven UI design patterns, component templates, and sector-specific conventions for high-quality design generation.
Use this skill when designing surfaces that accelerate repeat tasks through recents, frequently-used items, and contextual suggestions. Trigger when designing pickers used repeatedly, command palettes, navigation that should adapt to user behavior, or any surface where a returning user shouldn't have to retype their frequent destinations. Sub-aspect of `recognition-over-recall`; read that first.
Create new GPUI components. Use when building components, writing UI elements, or creating new component implementations.