Deployable static outputs

Artifacts an agent can read without bloating the skill.

These files are built locally from the mirrored course and shipped as static assets. The site is just the browseable shell around them.

llms.txt

Front-door manifest for agents. Links to the best next files instead of embedding content in the skill.

animation-index.json

Modules, lessons, sections, excerpts, URLs, and task-path groupings.

openapi.json

Read-only endpoint map for agents that prefer API-shaped navigation over raw file lists.

task-paths.md

Curated starting points for timing, performance, accessibility, interaction design, and review work.

animation-all.md

Full combined Markdown context for broad reads and offline prompting.

animation-content.sqlite

Section-level SQLite artifact ready for FTS queries outside the site.

llms-ctx.txt

Smaller quick-start context file optimized for first-pass routing.

sqlite3 public/db/animation-content.sqlite \
'SELECT lesson_title, heading, url_path
 FROM sections_fts
 WHERE sections_fts MATCH ''transform origin''
 LIMIT 5;'

bun run search -- "transform origin" --limit 5

rg -n "prefers-reduced-motion|scale\\(0\\)|ease-out" public/md

Animation Theory

Taste, timing, easing, purpose, and review habits.

Animations and AI Intro Practical Animation Tips Spring animations Taste The Easing Blueprint Timing and purpose What makes an animation feel right?

CSS Animations

Transforms, transitions, keyframes, and motion primitives.

Keyframe Animations The beauty of CSS animations The Magic of Clip Path Transforms Transitions

Framer Motion

Interactive implementation patterns and component-level motion.

Animating in public Feedback popover Hooks and animations How do I code animations Interactive graph Multi-step component The Basics Trash interaction Why Framer Motion

Good vs Great Animations

Performance, accessibility, and the details that separate polished motion.

Accessibility Animations of the future Performance The big little details

Interviews

Conversations about animation, taste, craft, and careers.

Interviews/Dennis Brotzky Interviews/Henry Heffernan Interviews/Lochie Axon Interviews/Mariana Castilho

Resources

Reference material, top-level pages, and agent-oriented extras.

animations.dev animations.dev animations.dev Interviews

Walkthroughs

Longer build-alongs and reverse-engineering references.

Morph effect Ring view The Design Timer view Crossfade First animations The analysis The finishing touch Click animation Clock animation Lines and dashes Polish Rotation SVG Introduction Animating the menu Closing thoughts Know your tools