Product Launch Motion
Claude Code skill for Dribbble-level product launch videos from code. One shape that never cuts, springs, a cursor that drives every change, beat-synced SFX, 60 fps motion…
Install
npx skills add AbubakrChan/product-launch-motionclaude mcp add product-launch-motion -- npx skills add AbubakrChan/product-launch-motion{
"mcpServers": {
"product-launch-motion": {
"command": "npx",
"args": [
"skills",
"add",
"AbubakrChan/product-launch-motion"
]
}
}
}Install command taken from the project's README or registry entry. Always review code before running it.
README excerpt
Read full README on GitHub →Product Launch Motion — a Claude Code Skill
Paste your website URL. Get a product launch video. That's it.
npx skills add AbubakrChan/product-launch-motion
Already installed it? Get the latest version with npx skills update.
No Claude Code? Get the film made for you: a polished launch video in 30 minutes, from $20 → launchvideos.app
Then, in Claude Code:
Make a launch video for https://your-website.com
Claude reads your site, writes the story, directs every scene and renders a 60 fps MP4 with music, synced sound effects and real motion blur. No editing, no After Effects, no templates. The film above started the same way: a URL, then a few rounds of notes.
v2 is here. Use it with Claude Opus 5.5 to get results like these films.
This skill has been rebuilt on a newer, simpler stack: plain HTML and closed-form springs
instead of GSAP and HyperFrames, music-first timing instead of voiceover, and Playwright
subframes with ffmpeg motion blur. Use it with Claude Opus 5.5 to get results like these
films. The original v1 (190 ⭐, thank you) is kept in legacy/.
🔊 Download it and turn the sound on. The preview above is silent. The real film is cut to the beat of its music, and every click, whoosh and number roll lands on a drum hit. Download the film (1080p, 60 fps, with sound) to watch it as intended.
30 s, made for cheerful.ai. No After Effects, no stock templates, no AI video model: every frame is HTML computed from time. Bonus: the same film with a WebGL glass pass (refractive 3D shapes floating through every scene).
▶ One shape, never cut (14 s seamless loop, 1440×1440, with sound)
The idea the whole skill is built on. One element morphs through eleven UI states: button → loader → check → dynamic island → video reel → slider → toggle → tabs → chart → ⌘K palette → toast → button. Its content swaps with a short blur, the cursor does every click and drag, and the last frame is the first frame.
What makes it look expensive
These are the rules the skill enforces. Each one came from a review note on a real film
(references/prompts.md has the prompts and notes, verbatim).
Similar plugs
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Cursor, Codex, and Gemini CLI: local…
Why use many token when few token do trick. Viral skill + proxy for coding agents that cuts 65% of tokens by talking like a caveman.
Production-grade engineering skills for AI coding agents.