ux-patterns
SolidInteraction-design knowledge pack for how a UI behaves: the five screen states (loading, success, error, empty, partial), form validation and submission, error copy, undo versus confirmation, progressive disclosure, plus the accessibility wiring each needs. Use when building a screen's states, wiring validation, choosing a spinner or skeleton, wording an error, or deciding between a confirmation and an undo.
Install
Quality Score: 80/100
Skill Content
Details
- Author
- uwuclxdy
- Repository
- uwuclxdy/agenticat
- Created
- 5 months ago
- Last Updated
- today
- Language
- TypeScript
- License
- MIT
Bundled in these plugins
Similar Skills
Semantically similar based on skill content — not just same category
ui-design
This skill should be used when the user asks to "design a component", "pick colors", "improve typography", "fix spacing", "choose a layout", or discusses visual design, CSS, styling decisions, or responsive interfaces. Provides patterns for typography scales, color systems, spacing, and production-grade UI design.
ux-framework
Use when creating or modifying any web UI (pages, dashboards, navigation, multi-screen features) or when asked to review/audit an app's UX. Enforces a UX pass before UI code and provides audit checklists. Not for single-component styling tweaks.
ux-psychology-skill
Use when designing, building, or reviewing any user-facing interface — forms, onboarding, signup flows, pricing pages, dashboards, CTAs, loading/empty/error states, checkout — or when diagnosing conversion drop-off, form abandonment, or user-trust problems.