What’s inside

One SKILL.md (the playbook) + one starter template. A preview:

Step Cards to Chapter

When to use

• Your tutorial has a sequence of steps that viewers experience one at a time, and you need a moment that shows how they fit together before moving on
• You're structuring a course and each section opens with a chapter card that previews the steps inside it
• Your how-to video lists "step 1, step 2, step 3" in the voiceover but never shows the sequence as a whole, so viewers can't tell how far along they are
• You're recapping a completed procedure — "here's what we just did" — and want the recap to feel like a conclusion, not a repeat
• You want a consistent chapter-opening style across a course so viewers learn to read "chapter card = new section, new payoff"

Workflow

1. Write the steps as cards (input: procedure → output: 3–7 step cards)
   Break the procedure into 3–7 steps, one card per step. Each card has three lines max: a step number, a verb-first title ("Connect the cable," not "Cable connection"), and one clarifying line of at most 8 words ("…until it clicks"). If a step needs more than one clarifying line, it's two steps — split it. Number the cards in the order they'll be performed, and write the titles so they read as a coherent sequence when stacked: reading the titles top to bottom should tell the whole procedure in one breath.
2. Name the chapter (input: step cards → output: chapter title + payoff line)
   Write the chapter title as the outcome the steps produce, not a label for the steps: "A Working Connection," not "Setup Steps." Add a payoff line underneath in one sentence: "By the end of this chapter, you'll have a tested connection and know how to check it." The title + payoff is what the cards fold into — it's the answer to "why am I doing these steps?" If you can't write the payoff in one sentence, the steps don't belong in one chapter; regroup them until the payoff is obvious.
3. Scatter the cards in (input: step cards → output: 0.0–1.5s scatter animation)
   Animate the cards flying in one at a time, 0.15s apart, from slightly different angles and offsets (±12 px, ±4° rotation), each landing with a soft settle (overshoot 4 px, 0.25s ease-out). The scatter should feel like cards being dealt onto a table — lively but controlled. Keep the scatter tight: cards land in a loose grid or a fanned row, never overlapping the text of a neighbor. Total scatter time: 0.8–1.5s depending on card count. The voiceover during this beat names the chapter, not the individual steps — the cards are a visual promise of what's coming.

Template preview

Step Cards to Chapter — Chapter Template

One chapter per procedure. Fill in the cards and title before animating.

Chapter: {outcome title, e.g. "A Working Connection"}

Payoff line: {one sentence — "By the end of this chapter, you'll have {outcome}."}

Step cards (3–7, in performance order)

Sequence read-test: {reading the titles top to bottom tells the whole procedure in one breath — yes / no} Split rule: {more than 7 steps → split the chapter; more than one clarifying line → split the step}

Animation timing

Progress callbacks (same cards, same layout every time)

Checklist before export

[ ] 3–7 cards, verb-first titles, ≤3 lines per card

Buy the full skill pack — $4.99 Pro — all 471 skills