Communitygithub.com

SyedBahjat/stickman-shorts

Erstelle und klone Kurz- und YouTube-Videos mit Remotion und 2D-Animation. Das integrierte Format sind Strichmännchen-„You Decide“-Story-Shorts (9:16 YouTube Shorts, TikTok, Instagram Reels), bei denen die Zuschauer zwischen A oder B wählen und der nächste Teil dem gewählten Pfad folgt.

Was ist stickman-shorts?

Dieses Skill ermöglicht die Erstellung und das Klonen von kurzen Videoformaten (vertikal, horizontal, quadratisch) mit Strichmännchen-2D-Animation unter Verwendung von Remotion. Es enthält ein integriertes „You Decide“-Format, bei dem die Zuschauer über eine A/B-Wahl über den Verlauf der Geschichte entscheiden. Darüber hinaus kann es jedes beliebige Beispielvideo (Erklärvideo, Top-N-Listen, Story-Erzählungen, Quiz, Chat-Geschichten, Whiteboard, horizontale Langform) analysieren und dessen Format, Schnitt, Tempo, Farben, Untertitel und Sound originalgetreu nachbauen – aber mit neuem, selbst erstelltem Inhalt. Das Skill deckt den gesamten Workflow ab: Skripterstellung, Strichmännchen-Rigging, Szenenbau, TTS-Sprachausgabe, urheberrechtsfreie synthetische Soundeffekte und Musik, Mischen und Rendern in verschiedenen Seitenverhältnissen. Es ist ideal für faceless-Kanäle, Strichmännchen-Animationen und die Erstellung von Videos im Stil eines bestimmten Beispiels. Unterstützt werden Claude Code, Cursor und andere KI-Agenten-Plattformen.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/SyedBahjat/claude-stickman-shorts/tree/HEAD/skills/stickman-shorts

In Ihrer bevorzugten KI fragen

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

Dokumentation

Stickman Shorts

Flache 2D-animierte Videos, die als SVG-React-Komponenten in Remotion in jedem Seitenverhältnis erstellt werden.

  • Integriertes Format: vertikale (1080×1920, 30 fps) Strichmännchen-„You Decide“-Story-Shorts. Jeder Teil dauert ~75–90 s, wird in der zweiten Person („du…“) erzählt und endet mit einer A/B-Wahl, über die das Publikum abstimmt; der nächste Teil beginnt mit „Die meisten von euch sagten…“ und folgt dem gewählten Weg.
  • Jedes andere Format: Gib ein Beispielvideo an, und es baut dieses Format (Layout, Tempo, Untertitel, Sound) mit neuem Inhalt nach. Siehe references/CLONE-ANY-VIDEO.md und references/FORMATS.md.

0. Engine finden oder einrichten

Die Engine ist das Remotion-Projekt von https://github.com/SyedBahjat/claude-stickman-shorts.

  • Wenn das Arbeitsverzeichnis src/kit/Stick.tsx enthält, befindest du dich in der Engine. Verwende sie.
  • Andernfalls frage, wo das Projekt erstellt werden soll, dann: git clone https://github.com/SyedBahjat/claude-stickman-shorts <ordner> && cd <ordner> && npm install
  • Erfordert Node 18+, ffmpeg im PATH, Python 3 mit pip install -r requirements.txt (numpy, scipy) für Soundeffekte und den Referenz-Analyzer, sowie eine TTS (siehe references/AUDIO.md; VoiceStudio ist kostenlos und lokal).
  • Rauchtest: npx remotion still src/index.ts FreshCo-P2B out/test.png --frame=300, dann das PNG ansehen.

1. Auftrag auswählen

Der Benutzer möchte…Das ist zu tun
Eine neue Serie aus einer Idee3 Loglines pitchen → die gesamte verzweigte Staffel in stories/<story>/script.md schreiben (references/STORY.md) → Teil 1 bauen
Den nächsten Teil („Leute haben B gewählt“)stories/<story>/script.md + continuity.md lesen, Teil N für diesen Pfad bauen, mit MostOfYouSaid beginnen
Ein Beispielvideo kopieren (beliebiger Typ)references/CLONE-ANY-VIDEO.md: analysieren, klassifizieren, Look und Sound angleichen, eigenen Inhalt schreiben
Eine andere Art von Video (Erklärvideo, Top-5, Quiz, Chat-Story, horizontal…)references/FORMATS.md → von src/templates/Starter.tsx starten (--props='{"format":"horizontal"}')
Stimmen / Sound ändernreferences/AUDIO.md

2. Bauen (Details in references/WORKFLOW.md)

  1. Aufnahmeplan + Zeilen-TSV → Benutzer genehmigt das Skript und die A/B-Optionen.
  2. Stimmen: node scripts/voiceover.mjs <name> "<zeile>" --voice <id> --trim --loud -16 (oder --from <wav>). Jede Zeile transkribieren, um die Wörter zu überprüfen.
  3. Die ähnlichste Episode in src/stories/ kopieren (von src/stories/freshco/FreshCoP2B.tsx starten), die Timeline ersetzen (LEN, SHOTS, CAPS, SFX), in src/Root.tsx registrieren, npm run typecheck.
  4. Stills bei jedem wichtigen Beat und Bildstreifen jeder bewegten Einstellung rendern. Ansehen, bevor gerendert wird.
  5. npx remotion render src/index.ts <Id> out/raw.mp4 --concurrency=6, dann loudnorm auf −17 LUFS.
  6. MP4 plus Titel, Beschreibung (mit der A/B-Frage und „Kommentiere A oder B“) und Hashtags für YouTube Shorts / TikTok / Reels übergeben.

3. Wichtigste Regeln (für den Hausstil; geklonte Formate folgen stattdessen der Referenz)

  • Look: references/STYLE.md genau befolgen: gedämpfte dunkle Palette, Tuschekonturen, Punkt-Augen, keine Münder, Identität = Körperfarbe + ein Accessoire, die Zuschauerfigur YOU trägt immer ein rotes Armband.
  • Story: zweite Person, kurze Sätze, nummerierte Regeln, eine zurückgehaltene Enthüllung, eine wirklich schwere A/B-Wahl.
  • Bewegung: ruhige aufrechte Gehbewegungen, angetrieben von der Entfernung (kein Fußschleifen), Hände berühren Dinge durch reach-Ziele, die hineingleiten, Requisiten in holdF/holdB, harte Schnitte mit langsamen Schwenks nach innen.
  • Stimmen: Niemals Lines zeitlich strecken oder Stille stauchen (klingt zerstört), niemals einen „Broadcast“-Effekt verwenden, Charaktere klingen deutlich anders als der Erzähler.
  • Mix: Stimmen −16 LUFS, Betten mit makeDuck reduziert, final −17 LUFS. Alle Soundeffekte/Musik synthetisiert in scripts/audio/, sodass nichts urheberrechtlich beansprucht wird.
  • Vor dem Melden: die Stills und Streifen ansehen; niemals Audio automatisch auf dem Rechner des Benutzers abspielen.
  • „Like und abonnieren“-Bitten nicht ins Video einbrennen; in die Beschreibung setzen.

Referenzen

  • references/STYLE.md: Palette, Charaktere, Sets, HUD, Untertitel, Karten, Kamera
  • references/STORY.md: Teil-Struktur, Schreibregeln, Aufnahmeplan, Verzweigung
  • references/AUDIO.md: TTS-Optionen, natürlich klingende Stimmen, Soundeffekt-Liste, Mix-Pegel
  • references/WORKFLOW.md: Code-Layout, Rig-API, Bewegungsregeln, Render + finale Checkliste
  • references/CLONE-ANY-VIDEO.md: jedes Beispielvideo-Format nachbauen
  • references/FORMATS.md: Beat-Strukturen und Baunotizen für 12 gängige Videoformate

Verwandte Skills