Files
olivv-cs-ComfyUI-FunPack/tools/showcase/README.md
T
digital-garbageandClaude Opus 4.8 89945bdb5e tools: showcase generator — auto gallery + walkthrough video from the tour
Drives the editor's built-in tour (?mode=tour, fully mocked — no backend/models/
GPU) with Playwright: serves the static frontend, walks window.TourGuide, and
screenshots each step (annotated with its spotlight + caption) while recording a
walkthrough video. Emits NN-*.png stills, an index.md gallery, and
walkthrough.webm/.mp4. Self-maintaining: new tour steps appear automatically.

No more screenshotting each button by hand. node_modules/ and out/ are gitignored.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-21 04:39:04 +03:00

39 lines
1.5 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# Cutting Room feature showcase generator
Auto-produces marketing material for the FunPack Cutting Room — an **annotated
screenshot gallery** + a **walkthrough video** — without screenshotting a single
button by hand.
It works by driving the editor's built-in **tour** (`?mode=tour`), which boots a
fully *mocked* demo (stubbed API, media bin, models, shortcuts, overlays). So it
runs **headless with no ComfyUI backend, no models, and no GPU**. Each tour step
opens the relevant panel, spotlights a target, and carries an authored caption —
exactly the per-feature material we want.
**Self-maintaining:** add or edit a tour step in
`movie_editor/frontend/tour.js` and re-run — the showcase updates automatically.
## Run
```bash
cd tools/showcase
npm install
npx playwright install chromium # one-time, ~90 MB
npm run capture
```
Output lands in `tools/showcase/out/` (gitignored):
- `NN-<feature>.png` — one annotated still per tour step (1440×900 @2x)
- `index.md` — gallery: every still with its caption, ready to drop into a README/site
- `walkthrough.webm` and, if `ffmpeg` is on PATH, `walkthrough.mp4`
## Notes
- Covers the **editor/UI** ("what FunPack can do"). Output-*quality* claims
("what others cannot" — guide attention, anchor-as-guide, refinement keys,
batch RLHF) need real generated clips and aren't produced here.
- Tweak viewport / timing at the top of `capture.mjs` (`VIEW`, `SETTLE_MS`).
- Requires only Node + Playwright's Chromium; the script serves the static
frontend itself, so ComfyUI does not need to be running.