DesignMD Directory
TemplatesNEWSkillsDesign MD ExamplesPricingResources
⌕⌘K

DesignMD Directory

Visual references, skills, and source templates for AI coding agents.

♥ Support Itmeo

Products

  • Templates
  • Admin Panel Template
  • SaaS Dashboard Template
  • Design Skills
  • Design MD Examples
  • AI Studio
  • WebGradients
  • Free CSS Gradient Generator
  • Color Palette for Websites

Company

  • About
  • Blog
  • Manifesto
  • Donate

Explore

  • Changelog
  • Vercel Design MD
  • shadcn Design MD
  • GitHub Design MD
  • Design MD examples
  • llms.txt
  • ai.txt
  • Sitemap

Connect

  • Twitter / X
  • GitHub
  • DESIGN.md spec
  • dimabraven.com

© 2016–2026 Itmeo. All rights reserved.

PrivacyTerms

Explore

AllTemplates6Design MD Examples80+Design Skills230Guides16ToolsCLIPricing

For your agent

CursorClaude CodeCodexGoogle Stitch

Browse stack

shadcn/uiNext.jsTailwind CSS

Follow

X / TwitterSoonProduct HuntSoon
AllTemplatesExamplesSkillsGuidesToolsCLIPricing
← All skills
Motion and scroll/Local editorial record

Scroll scrubbed visual sequence

Build reversible scroll-controlled visual transformations with a pinned or sticky stage, normalized progress, and video, image-sequence, canvas, SVG, or DOM renderers.

Catalog record

Installable source artifact

This page explains the direction locally, then links to the exact upstream artifact and its verified install command.

What this gives you

A clearer brief for the agent.

Defines where motion helps orientation, feedback, and pacing instead of becoming decoration.

Expected result

Transitions that make the interface easier to follow and still feel fast.

Use it when

The experience needs scroll behavior, reveals, or responsive feedback.

Source repository stars

4.8K

Source repository · verified 2026-08-16

Install status

Installable source artifact

scroll-scrubbed-visual-sequence · Skills CLI

Install this skill with one command.

This exact source artifact can be installed in your project with the Skills CLI.

$npx skills add https://github.com/MengTo/Skills --skill scroll-scrubbed-visual-sequence

Skill name: scroll-scrubbed-visual-sequence · installs into the agent directory selected by the CLI.

Open source SKILL.mdRead install guidance

Related directions

Continue inside DesignMD.

View category
Animation on scrollCreate an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes.Animation systemsCovers motion principles, easing/duration defaults, choreography patterns, scroll/hover interactions, performance, accessibility (reduced motion), and implementation guidance.Cinematic GSAP lenis motion systemCreate premium cinematic web motion systems with GSAP, ScrollTrigger, and Lenis.Cinematic scroll storytellingCreate cinematic scroll-driven landing pages with Lenis smooth scrolling, GSAP ScrollTrigger, scroll-linked progression, staggered text reveals, sticky card stacks, parallax backgrounds, scr

Creator

Written by
Meng To
License
MIT
Repository
agent-skills/web-design/scroll-scrubbed-visual-sequence/SKILL.md