demo-shortslisted

# Cutting a vertical Short A Short is **not a re-render of the demo at a different size**. It is its own 15–45 second video cut from the demo project's assets. Work inside the same project directory as the main demo: the Short lives in a **sibling manifest** (`shorts.json`) that shares the project's clips, audio, cache and Remotion app. ## 1. Pick a style first Everything else follows from this. Show the user the four looks and ask which their video is most like: | style | feels like | mechanics | |---|---|---| | `listicle` | "5 plugins that fix your CSS" — numbered rundown, a cut every ~1.5s | beat engine: face/screen/split/insert windows, `#N` stamps, boxed captions | | `cohost` | screenshare with a person talking below the demo throughout | split framing, steady scene-length pacing, karaoke captions | | `flashcard` | text asks, UI answers — big typographic cards alternating with full-bleed clips, no face | beat engine: insert(title)/screen windows, boxed captions | | `glide` | one immersive screen recording, the camera gliding to each click | pan framing, karaoke captions | ```bash node scripts/plan.mjs --project demo/<slug> --init \ --manifest shorts.json --from demo.json --style listicle ``` `--style` sets the format (1080×1920), presenter mode, caption style and transition policy, and records `style` in the manifest. `--from demo.json` copies product, brand, voice and presenter identity. The timeline starts empty. **Prefix every scene id with `s-`** — both mani