ux-motion-teardown
Turn a live site's motion and scroll behavior into reusable design specifications.
Turn a live site's motion and scroll behavior into reusable design specifications.
Give the skill a URL and it observes the site in a real browser, then converts its motion tracks, scroll model, assets, and design parameters into a structured specification, an implementation-oriented design manual, and an interactive timeline diagram. It is useful before rebuilding or studying a motion-heavy site, but it requires claude-in-chrome and network access rather than a headless browser.
Resource types
Use cases
Platforms
Turns one idea into a clean peanut-led concept illustration.
Keeps generated UI aligned with explicit design rules.
Protocols & integrations
Capabilities
Public GitHub facts last synced Jul 10, 2026.
Route a design brief through color, effects, typography, and icon skills in a coherent order.
Plan product design projects in Claude with reusable PRCSS workflows.