Guizang's agent skill turns your repo's recent updates into a finished promo video — real components, code-rendered animation, an original code-written soundtrack — no video editor involved.
- agent-skill
- video
- promo
- marketing
motion-web
A motion-first creative-web Agent Skill — real spring-damper physics, seven runnable cases, automated headless verification against AI slop.
motion-web is a code-first, motion-driven creative web engineering skill that treats motion as the core material of the interface rather than after-the-fact decoration. It targets vanilla Three.js / Canvas 2D / WebGL2 / CSS. Every case and blueprint enforces real physical laws — spring-damper systems, anisotropic forces, stepped jitter, causal ecosystems — and zero placeholder code. Seven interactive cases ship as single-file HTML pages that run standalone without build tools or external CDN dependencies, and each passes strict assertions in a Playwright-based verify_case.py that mathematically prevents AI slop, synthetic drifts and dead interactions. Bilingual English/Chinese documentation.
What it does
- Motion treated as the core interface material, planned before markup — not sprinkled on afterwards
- Real physics in every case: spring-damper systems, anisotropic forces, stepped jitter, causal ecosystems
- Seven single-file HTML cases with no build tools and no CDN — clone and open in a browser
- Automated Playwright headless oracles (verify_case.py) assert every case, so placeholder code and dead interactions fail loudly
When to use it
High-touch landing pages, interactive explainers and creative-coding work where motion quality is the product — and where you want machine-checked proof the animation still works.
Getting started
# as a Claude Code skill: git clone https://github.com/feitangyuan/motion-web.git ~/.claude/skills/motion-web # as a Codex / Antigravity skill: git clone https://github.com/feitangyuan/motion-web.git ~/.agents/skills/motion-web
Things to know
The cases are teaching artifacts for the skill's patterns, not a drop-in component library; running the verification oracles locally needs Python with Playwright installed. MIT.
Repository
feitangyuan/motion-webCharted
Related on the map
geo-sleuth
SkillAn agent skill that geolocates a photo with nothing readable in it — OSM geometry, elevation skylines and satellite tiles turn “where was this taken?” into a measured answer with an error radius.
- agent-skill
- geolocation
- osint
- openstreetmap
Birdview
SkillA skill that makes AI coding agents map the architecture and declare the blast radius before they touch a line of code — rendered as one standalone HTML page.
- skill
- architecture
- code-visualization
- change-scope