State Changes
Animate UI state changes—loading, success, error, empty, disabled—so users understand what changed, why, and what to do next without reading static copy alone.
npx skills add https://github.com/dylantarre/animation-principles --skill state-changes| Installs | 203 |
|---|---|
| Repository | dylantarre/animation-principles ↗ |
Related skills
Web Design GuidelinesRun a fresh, Vercel-aligned UI and accessibility review on specific frontend files before you ship or merge polish work.398k27.7k
Lark WhiteboardTag when generating Lark whiteboard documents with frames, connectors, and routing rules without schema errors from misplaced connector nodes.244k
Sleek Design Mobile AppsDesign mobile app screens and manage Sleek projects via REST API using natural-language prompts and screenshots.238k422
Ui Ux Pro MaxGive your coding agent structured UI/UX intelligence—palettes, typography, patterns, and stack-specific guidance—when you ship web or mobile interfaces without a dedicated designer.222k88.7k
ImpeccableRedesign or polish dashboards, landings, forms, and components with UX critique, a11y, motion, and live browser iteration.164k35.9k
Design Taste FrontendShip polished React/Next.js UIs with explicit design-variance, motion, and density knobs; enforce dependency checks, RSC defaults, and metric-driven layout instead of generic LLM styling.159k37.9k