Preview gallery
Similar Skills
View allWhat you get
- A 7-second MP4 at 30 fps: chapter numeral and title, a cut to three cards, a push onto one.
- One motion and one typeface in three palettes: white-yellow, charcoal-lime and midnight-ice.
- An editable HyperFrames folder with your content, fonts and pictures, plus the motion spec and frame checks.
Good fit
- Tutorials and courses split into numbered chapters
- List videos that zoom in on the one tip that matters
- Series that open every section with the same beat
Not for
- Roadmaps laid out as three side-by-side columns
- Stacks of more than three cards
- Section breaks with no single point to single out
About this Skill

Long videos need clear section breaks, and this Fable 5 skill makes each one in 7 seconds. The chapter number becomes a pale, frame-filling shape behind its title and a short accent rule. At 1.92 seconds a straight cut brings in three layered cards, each carrying a picture and a numbered seal, then the camera rises onto the card you pick while the rest fade back, and the frame holds long enough to read. Three palettes, four aspect ratios, 4K by default.
How it works
- Choose the aspect ratio and resolution once, before the first build
- Fill in the effect's inputs, or keep the sample content to try it out
- Run create.mjs to build the editable project, then render with HyperFrames
- Watch the first frame, each change and the closing hold before cutting it in
Checked before delivery
- create.mjs builds the project with every input, picture and font inside it
- The render is 7 s at 30 fps at the chosen aspect ratio and resolution
- No card, label or readable text sits in the caption band, and nothing is clipped in the first, middle and last frames
What you need before you start
- You bring
- A chapter number and title · Three card lines and which one to focus · Optional: a picture per card, a palette, an aspect ratio and 4K, 2K or 1080p
- Dependencies
- Node.js 22 or later · FFmpeg plus Google Chrome, which HyperFrames renders with · HyperFrames CLI 0.8.30, pulled in by npx
- Outside costs
- None
- Last tested
- v0.1.1 — Claude Code / Codex / Cursor
User reviews
Loading reviews…
FAQ
Can I reword it or recolor it?
Yes. Every word is a plain input, the palette is one flag, and a short JSON file can override any single color token.
Where do the card pictures come from?
Generated pictures for all three cards ship with the Skill, and each picture you supply replaces only its own card. No footage is needed for this beat.
Can I adjust the timing?
The motion is ordinary GSAP inside the effect module, so yes. Keep the beats in the motion spec if the move should still read the same way.







