Communitygithub.com

SkillMedev/tutorial-video-studio

Planen Sie eine Produktdemo, Funktionsankündigung oder ein Launch-Video als Beat-Sheet und Shot-Liste BEVOR Sie animieren – Hook in den ersten 3 Sekunden, Problem, Enthüllung, Beweis, CTA – mit Zieldauer und Tempo pro Szenentyp, Ausgabe als JSON-Szenenplan, der direkt von remotion-compose konsumiert wird. Verwenden Sie es, wenn jemand sagt

Was ist tutorial-video-studio?

Dieses Skill hilft Entwicklern und Content-Erstellern, Video-Skripte und Szenenpläne für Produktdemos, Feature-Ankündigungen oder Launch-Videos zu strukturieren – bevor mit der Animation begonnen wird. Es erstellt ein detailliertes Beat-Sheet und eine Shot-Liste nach der klassischen Videostruktur: Hook in den ersten 3 Sekunden, Problemvorstellung, Enthüllung der Lösung, Beweisführung und Call-to-Action. Das Skill gibt für jede Szene eine Ziel-Dauer und ein Tempo vor und gibt das Ergebnis als strukturiertes JSON-Array aus, das nahtlos von der Remotion-Compose-Bibliothek konsumiert werden kann. Es ist ideal für KI-gestützte Video-Workflows, bei denen eine konsistente und wiederholbare Dramaturgie und ein präziser Zeitplan gewünscht sind, bevor die eigentliche Animation beginnt.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/SkillMedev/tutorial-video-studio/tree/main/skills/video-storyboard

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht tutorial-video-studio?

Planen Sie eine Produktdemo, Funktionsankündigung oder ein Launch-Video als Beat-Sheet und Shot-Liste BEVOR Sie animieren – Hook in den ersten 3 Sekunden, Problem, Enthüllung, Beweis, CTA – mit Zieldauer und Tempo pro Szenentyp, Ausgabe als JSON-Szenenplan, der direkt von remotion-compose konsumiert wird. Verwenden Sie es, wenn jemand sagt

Verwendung

  1. Eingabe: Der Benutzer beschreibt die Video-Anforderung (z. B. „Demo unseres neuen Analytics-Dashboards“ oder „Feature-Release für v2.0“).
  2. Verarbeitung: Der Skill extrahiert die Struktur und erzeugt eine Liste von Szenen mit:
    • Szenentyp (hook, problem, reveal, proof, cta)
    • Ziel-Dauer (in Sekunden)
    • Tempo-Beschreibung (z. B. „schnell“, „moderat“, „langsam“)
    • Inhaltlicher Beschreibung der Szene
  3. Ausgabe: Ein JSON-Array, das von remotion-compose importiert werden kann.

Beispielausgabe

[
  {
    "type": "hook",
    "duration": 3,
    "pacing": "schnell",
    "description": "Ein überraschender visueller Effekt oder eine Frage, die Aufmerksamkeit erregt."
  },
  {
    "type": "problem",
    "duration": 5,
    "pacing": "moderat",
    "description": "Zeigen Sie die Frustration oder das Problem, das das Produkt löst."
  },
  {
    "type": "reveal",
    "duration": 6,
    "pacing": "langsam-genug-für-Überraschung",
    "description": "Enthüllen Sie die Lösung oder das neue Feature."
  },
  {
    "type": "proof",
    "duration": 8,
    "pacing": "moderat",
    "description": "Demonstrieren Sie das Produkt in Aktion – zeigen Sie Beweise (Daten, Testimonials, etc.)."
  },
  {
    "type": "cta",
    "duration": 4,
    "pacing": "direkt-und-klar",
    "description": "Rufen Sie zum Handeln auf (kostenlose Testversion, Demo buchen, mehr erfahren)."
  }
]

Auslöser

Der Skill wird aktiviert, wenn der Benutzer eine Anfrage stellt, die auf ein Video-Projekt hinweist, z. B.:

  • „Plan ein Video über [Feature]“
  • „Ich brauche einen Szenenplan für eine Demo“
  • „Erstelle eine Shot-Liste für [Produkt]“
  • Jede andere Formulierung, die ein Video-Skript oder eine Videostruktur impliziert.

Unterstützte Plattformen

  • Claude Code (via remotion-compose)
  • Cursor, Codex (durch das JSON-Format kompatibel)

Hinweise

  • Die Ausgabe kann direkt in remotion-compose importiert werden, um die Animation zu generieren.
  • Die Standardstruktur ist für Produktvideos optimiert; für andere Formate (z. B. Erklärvideos, Tutorials) kann der Benutzer zusätzliche Szenentypen anfordern.
  • Dauer und Tempo können nach Bedarf angepasst werden.

Individual skills in this repo

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

Captions From Transcript

Produce an accurate, properly timed caption track (SRT or WebVTT) from a video

Kinetic Typography

Put text in motion the right way - title cards, animated captions, lower-thirds, callouts, and word-by-word reveals - with a reading-time-per-word budget so copy holds long enough to read, plus enter/exit timing, weight and size transitions, and type hierarchy in motion. Use when someone asks to

Motion Design Principles

The craft layer for motion: pick the right easing (ease-in / ease-out / ease-in-out / spring), get timing and spacing right, build the anticipation→action→follow-through arc, and apply Disney

Narration Script

Write the spoken voiceover for a tutorial or demo - the actual words, phrased for the ear and synced one-instruction-per-action to what is on screen, with a pacing budget and a confident, jargon-checked tone. Use when someone says

Product Demo Director

Direct the craft of putting a real software UI on screen - cursor choreography, zoom/pan/callout language, screen-recording vs recreated-UI, and making state changes legible with highlights, focus pulls, and slow-downs. Use when filming or recreating an app for a product demo, feature walkthrough, onboarding clip, or release reel and asking

Remotion Compose

Turns a natural-language video brief into a complete, ready-to-preview Remotion composition - extracts duration, scenes, brand colors, aspect ratio, and real copy; plans the frame budget; and writes data-driven React/TypeScript using useCurrentFrame, interpolate, spring, AbsoluteFill, and Sequence, registered in Root.tsx. Use when someone says

Remotion Render

Renders a Remotion composition to MP4 and runs the edit-and-re-render loop - CLI render commands, 1080p/4K/9:16 presets, concurrency tuning, codec selection, batch variants from a JSON data file, and Lambda for cloud rendering. Use when someone says

Remotion Setup

Scaffolds a new Remotion video project wired for Claude Code Agent Skills - Node check, create-video scaffold, skills install, folder conventions, Google Fonts, and a smoke-test render. Use whenever someone wants to start making videos with Remotion and Claude, even just

Screencast Capture

Capture clean raw screen and camera footage for a tutorial or product demo - choosing the recorder (macOS Screenshot toolbar, QuickTime, OBS, Windows Game Bar), setting resolution / frame-rate / cursor / microphone, prepping a distraction-free stage, and recording in retakeable segments. Use when someone says

Social Video Formatter

Reframe and export a finished video for social platforms - 9:16 ↔ 16:9 cropping, burned-in captions, a platform-native first frame, loop design, and per-platform specs (aspect, length, safe areas) for TikTok, Reels, Shorts, X, and LinkedIn. Use when someone says

Sound and Music Sync

Score a video like an editor: beat-match cuts to the music, land SFX on transitions, pace the voiceover so it breathes, source royalty-free tracks safely, and duck the music so the VO sits clearly on top. Use when adding music, sound effects, or voiceover to a video, when asked to

Verwandte Skills