Hype Reel — Development skill for Claude Code
Claude Code skill: turn any product into an insane Framer Motion promo reel from its real screens.
How to install Hype Reel
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open OutOfAmine/hype-reel and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Hype Reel does
Claude Code skill: turn any product into an insane Framer Motion promo reel from its real screens. 1080x1920 MP4 in one prompt.
Alternatives in Development
- 18 — Build a fullscreen loading screen component in React (Next.js 14, TypeScript) 152 ★
- Information Architecture — You are structuring the product before any screens are drawn 26 ★
- Loopgate Harness — A repo-native coding-agent loop harness for Claude, Codex, Copilot, and other CLI agents 20 ★
README
hype-reel
**A Claude Code skill that turns any product into an insane promo reel — from its real screens, in one prompt.**
/hype-reel https://your-product.comClaude screenshots your product with headless Chrome, finds the story (the promise, the three moments worth seeing, one honest number), writes a storyboard, and stages it with Framer Motion: the device flies in from deep 3D and the camera dives onto each feature, the UI explodes into floating layers, the camera flies through a corridor of your screens, a giant word filled with your product swallows the viewer… Then it renders a frame-exact **1080x1920 MP4** and a shareable page.
No After Effects. No templates you fill by hand. No API key.
Demos
Four unofficial demos made with the skill from the products' public websites (not affiliated with these companies):
Supabase ▶ MP4 · storyboard |
Cal.com ▶ MP4 · storyboard |
Resend ▶ MP4 · storyboard |
Linear ▶ MP4 · storyboard |
GIFs are 12-second highlights; click one (or ▶ MP4) for the full 1080x1920 video in [`videos/`](videos).
Install
git clone https://github.com/OutOfAmine/hype-reel ~/.claude/skills/hype-reRelated Skills
Motion Hack
Turn your talking-head video into an animated motion-graphics reel. Seedance 2.0 prompt generator. By The Crea
Claude Motion Promo Skill
Claude Code skill: one prompt → a polished 3D isometric promo video with a synced soundtrack (Three.js + headl
Mythic Engineering
Mythic Engineering exists because GSD often produces chaos, “superpowers” collapse under real-world constraint
Render Finale
Checklist pre-render e produzione del MP4 finale 1080x1920 con audio normalizzato e preview low-res.
Papercraft
A Claude skill for hand-made paper-world explainer reels: one persistent world, cut-paper stickers, marker lin
Animated SVG Icons
Premium interactive SVG icons: hover and scroll micro-interactions, built with Framer Motion + requestAnimatio
Related Agents
Triz Framer
TRIZ problem framer for the /triz workflow. Use it in phase 1 (or on its own) to turn a vague software/product
Squad Designer
Operate as the squad's Product Designer — turn open UI/UX decisions into presentational component code, tokens
Reels Producer
Expert en contingut per a xarxes socials de l'empresa i dels clients. No es queda al guió: entrega el reel o l
