Design Skills
← All skills

Animation systems

Covers motion principles, easing/duration defaults, choreography patterns, scroll/hover interactions, performance, accessibility (reduced motion), and implementation guidance.

Motion and scrollMeng ToMIT

Install

npx degit MengTo/Skills/agent-skills/web-design/animation-systems .claude/skills/animation-systems

Run it in your project root, then ask your agent for what you want. More detail

What it built

A page built by the Animation systems design skill
A page this skill built when we ran it. Your result will differ with your brief.

What it does

Use when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel. Covers motion principles, easing/duration defaults, choreography patterns, scroll/hover interactions, performance, accessibility (reduced motion), and implementation guidance.

Straight from the skill's own SKILL.md. This is what your agent reads.

Read SKILL.mdSource folder