Communitygithub.com

papercut

Erstelle einen Reel im Papercut-Stil: Schichten aus Bastelpapier mit Papierstruktur, ausgerissenen Kanten, Schattenstreifen, Schlagschatten, steifer Cut-Out-Animation, sanfter Kamera-Hineinfahrt, Tape-Überschriften und Wort-für-Wort-Abreißetikett-Untertiteln.

Was ist papercut?

Der Papercut-Skill ist ein Stil aus der Motion-Explainer-Bibliothek, der einen charakteristischen Bastelpapier-Look erzeugt. Er liefert eine `style.json`-Manifest, eine Remotion-Engine und eine fframes-Engine. Die Pipeline-Skills (`motion-explainer`, `motion-script`, `motion-storyboard`, `motion-build`, `motion-qa`) verwenden den Stilnamen als `$MOTION_STYLE`, sodass der Workflow bei Auswahl dieses Stils unverändert bleibt. Der Stil ist ideal für Erklärvideos, die handgemacht und haptisch wirken sollen. Er nutzt flache Papierformen, eine feine Papierfaser-Textur, ausgerissene oder geschnittene Kanten und weiche Schlagschatten. Die Schattierung erfolgt durch gestapelte Schnittteile, die nie ineinander übergehen. Die Kamera bewegt sich gleichmäßig; nur Banner und Beschriftungen „kochen“ (boilen) im Stop-Motion-Stil. Die Palette ist gedeckt: cremefarbener Hintergrund, dunkle Tinte, Klebeband, Held, Untertitel und Tags in kräftigen Farben. Der Skill bietet Remotion-Komponenten wie `<Paper lift torn>`, `<Slab>`, `<Disc>`, `<Pill>`, `<Card>`, `<PopIn>`, `<Backdrop>`, `<CameraPush>`, `<TapeBanner>`, `<WordTagCaptions>` und `<CutSeries>`. Die QA-Checkliste stellt sicher, dass alles wie Papier aussieht und sich auch so anfühlt.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/boytegar/motion-skills/tree/HEAD/style/papercut

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Geschichtetes Bastelpapier: Struktur, ausgerissene Kanten, gestapelte Schattenstreifen, eine sanfte Kamera-Hineinfahrt und Stop-Motion-Papierkochen.

Dies ist ein Stil der Motion-Explainer-Bibliothek. Er enthält die gleichen drei Dinge wie jeder andere Stil: ein style.json-Manifest, eine Remotion-Engine und eine fframes-Engine. Die Pipeline-Skills (motion-explainer, motion-script, motion-storyboard, motion-build, motion-qa) verwenden den Stilnamen als $MOTION_STYLE, sodass sich sonst nichts im Workflow ändert, wenn man diesen wählt.

Wann verwenden

Greifen Sie zu diesem Stil, wenn das Briefing seiner DNA (siehe unten) entspricht. Lesen Sie zuerst docs/style-guide.md: es ist die maßgebliche Quelle, diese Datei ist der Index.

Stil-DNA

  1. Jedes Objekt ist flaches Bastelpapier: eine einfarbige Füllung, eine feine Papierfaserstruktur, die bei ~10% multipliziert wird, ein leicht unregelmäßiger, scheren-geschnittener Rand und ein weicher Schlagschatten (0 x, 3-6px y, 6-10px Weichzeichnung, 30% Schwarz). Keine Verläufe oder Konturen.
  2. Die Schattierung besteht aus gestapelten Schnittteilen: einem dunkleren Unterseitenstreifen und einem helleren Glanzlichtstreifen, niemals einer Überblendung.
  3. Nur orthografische Ansichten, klobig und auf Telefongröße lesbar, Licht von oben links.
  4. Sättigung wird verdient: matte, staubige Hintergründe, kräftige Farben nur bei Figuren, Untertiteln und Zustandssignalen.
  5. Die Weltkamera gleitet gleichmäßig; nur das Banner und die Beschriftungen kochen (boilen) im Zweier-Schritt.

Palette: Creme #DACEC0, Tinte #1C1B17, Klebeband #C3B284, Held #D67354, Untertitel #3968AD, Tags #C9573C

Kit-Komponenten

Remotion, importierbar aus ../lib/<datei> (das Kit wird in das jeweilige Projektverzeichnis src/lib/ synchronisiert):

KomponenteBeschreibung
<Paper lift torn>die Basis-Wrapper: Papierstruktur, grob- oder ausgerissener SVG-Filter, Schlagschatten
<Slab x y w h color shade hi>das Primitiv: ein ausgeschnittenes Papierrechteck mit Schattenstreifen, Glanzlichtstreifen und Struktur
<Disc x y d color>ein kreisförmiges Schnittstück für Bullaugen, Räder, Nieten
<Pill x y text>ein kleines Papieretikett-Chip
<Card x y w h lines>eine Papierkarte mit linierten Füllzeilen
<PopIn at>Federeingang mit einer kleinen Setz-Neigung
<Backdrop name>ein vorbereiteter Papier-Set mit einer bekannten floorY
<CameraPush>die Weltkamerabewegung
<TapeBanner text>das Tape-Überschriftenbanner, eine harte Tatsache pro Takt
<WordTagCaptions captions>Abreißetikett-Untertitel, ein Wort pro Etikett, erscheinen beim Einsetzen
<CutSeries scenes cuts>die Übergangs-Engine zwischen Szenensets

Nichts kocht im luftleeren Raum

Abschnitt 2 der docs/style-guide.md ist die Stil-DNA. docs/frame-breakdown.md ist ein ausgearbeitetes Beispiel von ca. 28 s; kopieren Sie dessen Ereignisdichte, nicht dessen Inhalt.

Engines

EnginePfadEinstieg
remotionremotion/template/, kit/, sync_kit.sh, CATALOG.md, AGENT_BRIEF.md
fframesfframes/Cargo.toml, src/ (lib, tokens, kit, look, video, main), tools/ff.sh

Registrierte Engines: remotion, fframes.

Eine Episode gerüsten

# vom Bibliotheksstammverzeichnis aus, mit gelöstem MOTION_LIB
./core/new_episode.sh <series-verzeichnis> 01-slug Episode out-name --style papercut --engine remotion
./core/new_episode.sh <series-verzeichnis> 01-slug Episode out-name --style papercut --engine fframes

Oder benennen Sie den Stil in einer Serie SERIES.md / episode.json als "style": "papercut" und lassen Sie ihn von motion_style_of aufnehmen.

QA für diesen Stil

Überprüfen Sie diese Punkte auf jedem Kontaktbogen, bevor Sie eine Szene als fertig erklären; der Rest der Checkliste in motion-qa gilt weiterhin.

  • Alles sieht wie Papier aus: Struktur, rauer Rand, Schlagschatten, gestapelte Schattierung, keine Konturen oder Verläufe.
  • Die Weltkamera bewegt sich gleichmäßig; nur das Banner und die Beschriftungen kochen.
  • Das Banner ist beklebt, 3-7 Wörter, eine Tatsache pro Takt, wiederholt nie die Voiceover.
  • Untertitel sind ein Abreißetikett pro Wort, geneigt, erscheinen beim Einsetzen, im Bereich 68-80%.
  • Ein visuelles Ereignis auf jedem betonten Wort, mit ständig laufender Ambient-Bewegung.

Dateien

  • docs/style-guide.md
  • docs/style-prompt.md
  • docs/motion-principles.md
  • docs/asset-prompts.md
  • docs/frame-breakdown.md
  • remotion/CATALOG.md
  • remotion/AGENT_BRIEF.md
  • remotion/RECIPES.md
  • style.json: das Manifest (Leinwand, Engine-Liste, Dokumentenpfade, Audio-Roots)
  • sample.png: ein repräsentativer Frame

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

bang-motion

Render a reel in the Bang Motion style: high-end cinematic motion graphics with a multi-layer glowing-horizon background, floating colour-mesh blobs, living film grain, frosted-glass UI cards, editorial kinetic typography, a breathing camera, and anti-PPT pacing. Use when the user says cinematic motion graphic, promo opener, product launch reel, kinetic typography, SaaS product tour, glassmorphic UI, anti-slides, or asks for a video that moves like footage instead of a deck. Gunakan skill ini setiap kali user meminta "video promo", "opener", "intro animasi", "motion graphic", "bumper", "kinetic typography", "animasi teks sinematik", "explainer", "video penjelasan" (jurnalisme visual, kartun edukasi, kolase), atau menunjukkan referensi video promosi/explainer dan ingin dibuatkan versi web-nya — bahkan bila mereka tidak menyebut kata "motion graphic" secara eksplisit. Juga gunakan bila user mengeluh hasil animasi web "seperti PPT/presentasi" dan ingin lebih sinematik, atau ingin meren...

isometric

Render a reel in the Isometric style: calm precise product line art in 2:1 dimetric isometric on a white or dark ground, drawn only with constant 2px hairlines, white-filled faces so nearer objects hide farther lines, rounded slabs with visible thickness, stacked layers, repeated-part grids, and one tiny dark accent per frame. Use when the user says isometric, product line art, technical illustration, exploded hardware view, or asks for a clean documentation-grade diagram look.

motion-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".

motion-explainer

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.

motion-script

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".

motion-storyboard

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".

Verwandte Skills