Astro static app + agent artifacts

Animation docs a coding agent can actually navigate.

This site turns the mirrored course into static lesson pages, per-lesson Markdown, per-section Markdown, `llms.txt`, JSON manifests, a SQLite FTS artifact, and browser search. The goal is to keep the skill procedural and let retrieval happen on demand.

Open agent guide Browse artifacts Open llms.txt

51 Lessons extracted

653 Section fragments

7 Course modules

Search the extracted corpus

Type to search. Pagefind loads from the built site on first query.

Timing and easing

Use for duration, responsiveness, easing curves, and choosing between product and marketing motion.

Practical Animation Tips Spring animations The Easing Blueprint Timing and purpose

Performance

Use for `transform`/`opacity`, dropped frames, hardware acceleration, React re-render costs, and layout-heavy animation risks.

Practical Animation Tips Transforms Performance

Accessibility

Use for reduced motion, autoplaying media fallbacks, and smooth-scrolling decisions.

Timing and purpose Multi-step component Accessibility

Interaction design

Use for contextual surfaces, origin-aware motion, onboarding flows, popovers, drawers, and interruptible gestures.

Feedback popover Multi-step component Trash interaction

Taste and review

Use for polishing, sequencing, brand feeling, and reviewing motion that technically works but still feels off.

Animations and AI Practical Animation Tips Taste The big little details

Machine-readable manifests

`llms.txt`, `llms-ctx.txt`, `animation-index.json`, `openapi.json`, and `task-paths.md` give agents a small map before they open any large files.

Agent-friendly content

Each lesson and section is available as Markdown, plus one combined full-context file for broad reads.

Search layers

Pagefind powers static browser search, while the SQLite artifact packages section-level content for local FTS queries outside the site with bun run search -- "transform origin".