本文へ移動
cccskills
無料GitHub で公開

papercut-build

Build and render a papercut episode from a storyboard with the library. Scaffolds the project, builds scenes with parallel agents, assets and audio, renders the mp4, then harvests reusables. Use for "build the reel", "scaffold an episode", "rebuild scene 4", "render it".

インストール方法を見る

含まれるファイル(1)

  • SKILL.md6.9 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Papercut build

Build every episode on the library instead of writing a Remotion project from scratch. Read library/README.md once.

Preflight

  • Install: Standard or Full. Needs the library, node 20+, npm, ffmpeg, Python tools (numpy, Pillow, soundfile) and Chrome or Chromium for the audio render. Probe with the commands in papercut-explainer; if something is missing, run ./install.sh --doctor and hand over to papercut-setup.
  • Library: $PAPERCUT_LIB, else the PAPERCUT_LIB= line in ~/.config/papercut-explainer/config.env, else ask once. With no library at all, build from the sketches in ../papercut-explainer/references/remotion-recipes.md.
  • Load the Remotion best-practices skill first (remotion-best-practices, from the Remotion Claude Code plugin or npx skills add remotion-dev/skills) and follow its routing for markup, captions and the Studio.
  • Needs papercut/STORYBOARD.md and narration/script.json from the earlier stages.
  • Smoke test of the whole toolchain: library/tools/selftest.sh builds examples/hello-reel/ in a throwaway folder and renders one still.

1. Scaffold

$PAPERCUT_LIB/new_episode.sh <series-dir> NN-slug CompId [out-name]

It creates <series>/episodes/NN-slug/{research,narration/voice,papercut} with the template project and a synced copy of the kit in src/lib/. node_modules comes from $DONOR, else the newest sibling episode, else npm i. If <series>/papercut-assets/ exists, it is laid over the default textures and props.

The folder may already exist, because the earlier stages wrote research/, narration/script.json and papercut/STORYBOARD.md into it. The script merges into it and never overwrites a file that is there. It stops only if papercut/package.json exists (already scaffolded).

Never edit src/lib/ in a project. It is a snapshot, so an old episode renders the same after the library changes. Fix the library, then re-sync with papercut/sync_kit.sh.

2. Plan: episode.json, voice, timing

From the storyboard, fill papercut/episode.json:

  • scenes: [["S01Hook", "l1_hook", 0], ["S02Name", "l2_name", "called"], ...] (scene id, narration line id, first word as an index or the exact word).
  • banners: {"S01Hook": "TAKEAWAY IN CAPS"}. hook: see papercut-hook. cuts: the Camera / Cut table's cut column. bed, whipScene, cutSfx, gaps (extra beat after a line, in seconds).

Then run papercut-voice through its timing step (it ends with build_vo.py and timing_md.py). Then, from papercut/:

python3 $PAPERCUT_LIB/papercut/stubs.py        # src/scenes/index.ts + a stub per scene

build_vo.py flags any scene under 1.2 s; merge it into a neighbour. timing_md.py writes the Timing section of STORYBOARD.md (absolute frames and word cues), so agents never open plan.json.

3. Assets

Follow ../papercut-explainer/references/asset-prompts.md: an image tool (anything that outputs transparent PNGs) for backgrounds and complex static props, code for characters, all text, tags, gauges, buttons and UI. No text inside generated images. With no image tool, build every prop in code with the paper filter; the style holds up. Backdrops: use the library's <Backdrop> set (library/papercut/public/bg/backdrops/_sheet.jpg); generate a new one only when an episode needs a place the library lacks. The proof screenshot: node $PAPERCUT_LIB/tools/capture.mjs <url> public/proof/x.png, shown with the kit's RealShot.

4. Scenes

  1. Build S01Hook yourself first, from the HOOK block. It is the reference scene the agents match (cue constants, the camera, clamped interpolate).
  2. Hand the rest to scene agents in parallel, grouped by scene (2-3 scenes each; more agents cost more startup context). Use the papercut-scene agent that install.sh links into .claude/agents (a general agent also works). The brief is library/papercut/AGENT_BRIEF.md. The spawn message gives the project path, each agent's scenes with absolute frame ranges, a QA folder name and the value of $PAPERCUT_LIB.
  3. File ownership: an agent writes only src/scenes/<Scene>.tsx, an optional <Scene>.parts.tsx and tools/cue_sheet.d/<Scene>.json. Never src/lib/**, other scenes, index.ts, plan.json, episode.json or the storyboard.
  4. Agents read library/papercut/CATALOG.md and library/audio/CATALOG.md, not the kit source, and reuse components, prop sets and scene templates (kit/scenes/, for example CtaPhoneDM for the CTA) before drawing anything new.

Build rules: 1080x1920, 30 fps, scenes chained in the kit's transition series. Global layers: VO and music <Audio>, the taped banner with <Boil>, <WordTagCaptions>, <GrainOverlay>. Every prop is wrapped in <Paper>, entrances use <PopIn>, each scene runs inside its storyboard camera. No CSS animations. Keep the bottom 20% clear. Neighbouring scenes never share a backdrop. The default hero is a boxy orange critter (token C.hero #D67354, shade C.heroLo #A9553B, alias you); accessories and name pills tell the cast apart.

5. Sound

Pick SFX by name from library/audio/sfx/*.js and the bed by preset from library/audio/beds/*.json. From papercut/:

python3 $PAPERCUT_LIB/tools/cues.py && node $PAPERCUT_LIB/audio/render.mjs

cues.py merges the agents' rows into tools/cues.json and prints a note if air sounds exceed one per 2.5 s. render.mjs writes public/audio/music.wav and fx.wav.

6. Render

Preview in the Studio (npx remotion studio). Render only when asked:

$PAPERCUT_LIB/tools/render.sh        # -> out/<out>.mp4

Flags: --workers N (default 3), --conc N, --force, --keep. Each scene is cached, so after a fix only the changed scene re-renders; a change to the kit, plan, voice or captions re-renders everything. The first run downloads Remotion's headless Chrome, and out/cache takes several GB of ProRes.

To fix or rebuild one scene: edit src/scenes/<Scene>.tsx, check it with papercut-qa, then run render.sh again.

7. Harvest (after the episode)

python3 $PAPERCUT_LIB/tools/harvest.py .       # from papercut/; read-only report
python3 $PAPERCUT_LIB/tools/catalog.py         # regenerate both catalogs

Promote kit fixes, reusable components, new SFX and recurring beats as library/HARVEST.md describes, and add an entry to library/CHANGELOG.md.

  • When a move looks stiff or muddy, check ../papercut-explainer/references/motion-principles.md for the matching principle and its kit helper.

Hand-off

Next is papercut-qa, which reads stills from the project and STORYBOARD.md. Run it per scene while building and once on the whole reel before the final render. After posting, papercut-strategy runs the autopsy.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Make a papercut reel, video or explainer end to end. Short vertical (9:16) cut-paper explainers from a link (repo, product page, announcement), idea to mp4. Also routes partial asks to the stage skills and hands out the style prompt for other tools.

日本語の概要は準備中です。原文の説明を表示しています。

0xS4N4TG/papercut-explainer412026年10月13日 更新

Write or fix the hook of a papercut reel. Produces the SAY / WRITE / SHOW / ALIGN block, five variants scored with the hook check, the frame-0 cover title and the motion out of the hook. Use for "write a hook for...", or when a reel's first three seconds lose people.

日本語の概要は準備中です。原文の説明を表示しています。

0xS4N4TG/papercut-explainer412026年10月13日 更新

Check a papercut reel's stills against the style DNA and the storyboard. Renders contact sheets at a few timestamps, runs the full checklist, then writes the delivery summary. Use for "QA the reel", "check my scenes look like paper", "is this ready to post".

日本語の概要は準備中です。原文の説明を表示しています。

0xS4N4TG/papercut-explainer412026年10月13日 更新

Turn a link into a papercut reel script. Researches a sourced facts list, writes the 75-95 word script on the 10-beat spine, a banner fact track, a staging table with one set per banner, and the humour pass. Use for "write the script", "research this repo for a reel".

日本語の概要は準備中です。原文の説明を表示しています。

0xS4N4TG/papercut-explainer412026年10月13日 更新

Install, check or upgrade the papercut toolchain. Runs the doctor, asks how much to set up (Minimal, Standard, Full), then runs install.sh with flags and fixes dependency errors. Use for "set up papercut-explainer", "install papercut", "check my papercut install", "set up the voice", "why won't it render".

日本語の概要は準備中です。原文の説明を表示しています。

0xS4N4TG/papercut-explainer412026年10月13日 更新

Storyboard a papercut script before any code. Writes the Camera / Cut table, one block per scene with frame-level events on each stressed word, the SFX plan and the proof beat. Use for "storyboard this script" or "plan the camera moves and cuts".

日本語の概要は準備中です。原文の説明を表示しています。

0xS4N4TG/papercut-explainer412026年10月13日 更新

0xS4N4TG のスキルをすべて見る

このスキルの問題を報告する