Real outputs
Rendered with this skill on our machine, unedited.How to use
- 1
Copy the install prompt
Click the black button. One click, done.
- 2
Paste it to your agent
Send it in Claude Code, Codex, Cursor or similar. It installs itself.
- 3
Ask in one sentence
Say what you want, like below, and the agent follows this skill.
/kinetic-quote-card make me: Founder quotes, testimonials, book linesExample message showing how to invoke it, not a real output.
What you get
- 720x1280 MP4 for Reels, Shorts, TikTok and 视频号
- Automatic word timing for quotes of any length
- Light or dark theme from three color variables
Good fit
- Founder quotes, testimonials, book lines
- Turning a viral post into a short video
- Consistent weekly quote series
Not for
- Quotes longer than ~20 words
- Content that needs images or footage
What you need
- Node.js 22+ and FFmpeg
- No API key — renders locally
- ~1 min per render on a laptop
- License
- Proprietary (Skilloop Pro)
- Author
- @Skilloop
- Version
- v1.0.0
- Output
- Video
- Generates with
- HyperFrames (Apache-2.0) · GSAP · headless Chrome + FFmpeg
Built and maintained by Skilloop (Pro). Every sample below was produced by this exact skill. Source packages are proprietary — not MIT.
Package contents
- kinetic-quote-card/LICENSE
- kinetic-quote-card/NOTICE
- kinetic-quote-card/SKILL.md
- kinetic-quote-card/examples/customers-remember.json
- kinetic-quote-card/examples/ship-today.json
- kinetic-quote-card/template/hyperframes.json
- kinetic-quote-card/template/index.html
- kinetic-quote-card/template/package.json
SKILL.md
Render a vertical (9:16) kinetic-typography quote video: words pop in one by one, a key word gets an animated underline, then the attribution slides in — built with HyperFrames (HTML → MP4). Use for quote reels, testimonial clips, founder quotes, Shorts/Reels/TikTok/视频号 text videos, 金句视频.
Unlock with Pro
Skilloop Originals are included with Pro, or you can buy one Original once. Preview stays open; install, ZIP and install.md need Pro or a purchase of that skill.
Related skills
Launch Teaser Countdown
A 9-second launch teaser: 3-2-1 countdown, flash, letter-by-letter product reveal and a launch-date pill — in your brand colors, rendered locally.
Release Notes Reel
Turn a changelog into a 12-second "What's new" reel: version badge, three feature cards and a CTA end card.
Stat Count-up Reel
Three numbers roll up like an odometer with progress bars — milestones, impact reports and year-in-review clips in 10 seconds.
Before / After Wipe
A messy "before" screen is wiped away to reveal a clean "after" dashboard, then an outcome end card — a 10-second transformation demo.