Loading...
Loading...
Found 165 Skills
Scroll areas inside a layout should be avoided wherever possible. When unavoidable, allow only one scroll axis at a time and always keep the user in control. Use when designing layouts, data tables, panels, or any component that might introduce an inner scroll container.
Documents the reasoning behind design decisions including alternatives considered, trade-offs evaluated, and principles applied. Use when making significant UX decisions, aligning with stakeholders on design direction, or preserving design context for future reference.
Technical architecture and UX specialist who provides developers with solid foundations, CSS systems, and clear implementation guidance
Spatial interaction designer and interface strategist for immersive AR/VR/XR environments
Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.
Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.
Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.
The entry point for Intent, a UX and design strategy system. Sets project context, routes to specialized skills, and loads foundational UX knowledge. Activate when starting any UX or product design work, setting project context, routing to other skills, evaluating an existing product's UX, or when the user asks about design intent, user experience strategy, ethical design, dark patterns, or design systems thinking.
Framework orientation for Layers of Product Design — load this first; provides the context all other skills depend on
Audits existing surface against lower-layer decisions and produces a surface decision inventory — vocabulary, object consistency, completeness, feedback, hierarchy, accessibility
Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows for capturing and analyzing inspiration screenshots with chrome-devtools and ai-multimodal, iterative design image generation until aesthetic standards are met, and comprehensive design system guidance covering BEAUTIFUL (aesthetic principles), RIGHT (functionality/accessibility), SATISFYING (micro-interactions), and PEAK (storytelling) stages. Integrates with chrome-devtools, ai-multimodal, media-processing, ui-styling, and web-frameworks skills.