Showing 28 verified skills. 284 preview entries are hidden until we confirm a real source. Show preview skills · Why?
Define consistent animation standards with easing and duration tokens
claude install community/motion-design-systemMotion standards definition: establish easing curves, duration scales, enter/exit patterns, loading states, and micro-interaction specifications with CSS and Framer Motion code.
mkdir -p ~/.claude/skills/motion-design-system~/.claude/skills/motion-design-system/SKILL.mdResulting file structure:
~/.claude/
skills/
motion-design-system/
SKILL.md <-- skill definitionSkills are loaded automatically by Claude Code when you start a new session. The skill name and description in the frontmatter determine when Claude triggers it.
Recommended from shared domain, career, and tool overlap with Motion Design System
Create smooth, performant animations with CSS, Framer Motion, or GSAP
Both used by Designer, Software Engineer
Build a complete design system from a brand guide automatically
Both used by Designer, Software Engineer
Generate a complete design system from just a few brand colors
Both used by Designer, Software Engineer
Describe a component and get production-ready accessible code
Both used by Designer, Software Engineer
Test responsive layouts at every breakpoint with visual proof
Both used by Designer, Software Engineer
Generate a full accessible color system from one brand color
Both used by Designer, Software Engineer
Motion Design System