← All skills

Scroll progress timeline

Turn any ordered process into a data-driven vertical or horizontal scroll story with a base line, progress fill, active step states, responsive collapse, semantic fallback, and reduced-motio

Motion and scrollMeng ToMIT

Install

npx degit MengTo/Skills/agent-skills/web-design/scroll-progress-timeline .claude/skills/scroll-progress-timeline

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

What it does

Turn any ordered process into a data-driven vertical or horizontal scroll story with a base line, progress fill, active step states, responsive collapse, semantic fallback, and reduced-motion behavior. Use for onboarding, checkout, roadmaps, recipes, case studies, service processes, histories, or narratives where progress through the sequence should become visible while scrolling.

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