Communitygithub.com

Bildschirmaufnahme

Erfasse sauberes, rohes Bildschirm- und Kameramaterial für ein Tutorial oder eine Produktdemo – wähle das Aufnahmeprogramm (macOS Screenshot-Symbolleiste, QuickTime, OBS, Windows Game Bar), stelle Auflösung / Bildrate / Cursor / Mikrofon ein, bereite einen störungsfreien Arbeitsbereich vor und nimm in wiederholbaren Segmenten auf.

Was ist Bildschirmaufnahme?

Der Skill „Bildschirmaufnahme“ wurde entwickelt, um Entwicklern und Inhaltserstellern dabei zu helfen, qualitativ hochwertige, unbearbeitete Videoaufnahmen von Bildschirm und Kamera für Tutorials, Produktdemos oder Schulungsinhalte zu erstellen. Er bietet eine Schritt-für-Schritt-Anleitung zur Auswahl des richtigen Aufnahmeprogramms basierend auf den Anforderungen – von den integrierten macOS- und Windows-Tools für schnelle Aufnahmen bis hin zu OBS Studio für komplexe Szenen mit mehreren Quellen und separaten Audiospuren. Der Skill legt Wert auf kritische Aufnahmeeinstellungen wie Auflösung, Bildrate, Cursor-Sichtbarkeit und Mikrofon-Level, um sicherzustellen, dass das Rohmaterial hochwertig ist und später nicht durch Nachbearbeitung korrigiert werden muss. Er enthält außerdem Anleitungen zur Vorbereitung der Umgebung vor der Aufnahme, z. B. das Aktivieren des „Bitte nicht stören“-Modus, das Bereinigen des Desktops und die Verwendung von Demodaten, um Ablenkungen und Datenschutzverletzungen zu vermeiden. Der Skill betont die Aufnahme in kurzen, wiederholbaren Segmenten, sodass Fehler leicht korrigiert werden können, ohne das gesamte Video neu aufnehmen zu müssen. Nach Abschluss der Aufnahmen übergibt der Skill die Clips zur weiteren Bearbeitung an andere Tools oder Workflows.

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

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht Bildschirmaufnahme?

Die Aufnahme ist die einzige Phase, die du nicht im Schnitt korrigieren kannst. Eine unscharfe, ruckelnde oder von Benachrichtigungen übersäte Aufnahme erzwingt eine Wiederholung, die keine Nachbearbeitung retten kann. Sorge für sauberes Rohmaterial – alles Weitere wird dadurch einfacher.

Wann verwenden

Greife zu diesem Skill, wenn der Benutzer etwas auf seinem Bildschirm aufnehmen muss – den eigentlichen Erfassungsvorgang, nicht die Vorbereitung oder Bearbeitung. Das umfasst die Auswahl eines Aufnahmeprogramms, das Einstellen der Parameter, die Vorbereitung des Rechners und die Durchführung der eigentlichen Aufnahme. Wenn das Material bereits existiert und es um Cursorbewegungen, Zooms, Schnitte oder Voiceover geht, leite an die im Namen genannten Skills weiter.

Wähle das Aufnahmeprogramm nach Bedarf

  • Schnell, einzelner Bildschirm, keine Overlays → macOS: Cmd+Umschalt+5 (Screenshot-Symbolleiste) oder QuickTime „Neue Bildschirmaufnahme“. Windows: Win+G (Game Bar) oder der Video-Modus des Snipping Tools. Keine Einrichtung erforderlich, ideal für kurze Clips.
  • Webcam-Einblendung, mehrere Quellen, Szenenwechsel oder System- und Mikrofon auf getrennten Spuren → OBS Studio (kostenlos, plattformübergreifend). Der Einrichtungsaufwand lohnt sich, sobald du ein Sprecher-Overlay oder mehr als eine Quelle benötigst.
  • Professionelle Produktdemos mit automatischem Zoom und Cursor-Glättung → ein spezielles Tool (Screen Studio auf macOS oder ähnliches). Greife nur darauf zurück, wenn der Benutzer es bereits besitzt; mache kein kostenpflichtiges Tool zur Voraussetzung.

Formuliere den Kompromiss klar: OBS bietet Kontrolle, erfordert aber etwa 10 Minuten Einrichtung; die integrierten Aufnahmeprogramme bieten Geschwindigkeit, verzichten aber auf Overlays und getrennte Spuren.

Wichtige Aufnahmeeinstellungen

  • Auflösung: Nimm in der Zielauflösung oder höher auf, niemals niedriger. 1080p (1920×1080) ist die Untergrenze für Tutorials; 1440p/4K, wenn das Endprodukt 1080p sein soll und du Spielraum für nachträgliche Vergrößerungen haben möchtest.
  • Bildrate: 60 fps bei Cursorbewegungen, Scrollen oder Animationen – wirkt deutlich flüssiger. 30 fps sind für überwiegend statische Sprecher-Segmente akzeptabel. Wähle eine Bildrate und behalte sie über alle Aufnahmen hinweg bei.
  • Cursor: Aktiviere Klick-Visualisierung / Hervorhebung, falls das Tool dies bietet. Bewege dich bewusst und langsam; der Cursor ist das Auge des Zuschauers. Blende ihn bei Segmenten aus, in denen er nicht im Fokus steht.
  • Mikrofon: Nimm das Mikrofon auf einer separaten Spur vom Systemaudio auf (OBS macht dies standardmäßig), damit du sie später ausbalancieren kannst. Führe zuerst einen 10-Sekunden-Pegeltest durch – peile Spitzen um −12 bis −6 dB an, niemals übersteuert. Nimm 3–5 Sekunden Raumton ohne Sprache für den Editor auf.
  • Bitrate: Überlasse dem Tool den Standardwert, es sei denn, das Material wirkt komprimiert; erhöhe sie dann. Bevorzuge eine leicht komprimierte, große Datei jetzt gegenüber einer kleinen, artefaktbehafteten.

Bereite den Arbeitsbereich vor dem Start vor

Hier scheitern die meisten Hobby-Screencasts. Vor der ersten Aufnahme:

  • Aktiviere Bitte nicht stören / Fokus, damit während der Aufnahme keine Benachrichtigung erscheint.
  • Räume den Desktop auf: neutrales Hintergrundbild, keine persönlichen Dateien, ausgeblendetes Dock-Chaos.
  • Schließe alle irrelevanten Tabs und Apps. Beende Chat-Apps, Mail, Kalender-Pop-ups.
  • Verwende ein Demo-Konto mit vorab befüllten, gefälschten Daten – niemals echte Kunden-PII, echte E-Mails oder echte Namen auf dem Bildschirm. Entferne alles Vertrauliche.
  • Stelle den Zoom der App so ein, dass der Text in der Zielgröße lesbar ist, nicht nur auf deinem großen Monitor. Zoome im Browser auf etwa 125–150 % und blende die Lesezeichenleiste aus; verwende ein frisches, leeres Browserprofil.
  • Passe das Aufnahmefenster an dein Ziel-Seitenverhältnis an (normalerweise 16:9 für Tutorials), damit du später nicht zuschneiden musst.

In wiederholbaren Segmenten aufnehmen

Versuche nicht, eine zehnminütige Aufnahme in einem Durchgang perfekt hinzubekommen. Nimm einen Storyboard-Abschnitt pro Clip auf:

  • Probiere den Abschnitt einmal stumm durch, um die Bewegungen zu verinnerlichen.
  • Starte die Aufnahme, warte einen Moment, dann führe ihn aus – lasse am Anfang und Ende eine Sekunde Stille als Schnittreserve.
  • Wenn du stolperst, stoppe, atme durch und nimm nur diesen Abschnitt erneut auf. Es ist günstig, einen Abschnitt zu wiederholen, aber teuer, das gesamte Video neu zu machen.
  • Halte ein gleichmäßiges Tempo zwischen den Abschnitten ein, damit sie sauber zusammengeschnitten werden können.

Übergabe

Rohclips gehen an den Editor / die Remotion-Pipeline zur Montage, an das Voiceover-Skript für den darüberliegenden Kommentar und an die Untertitel-aus-Transkript, sobald der Ton fixiert ist. Die Aufgabe dieses Skills endet, sobald sauberes Material existiert.

Don't

  • Nimm nicht in einer niedrigeren Auflösung als der endgültigen Ausgabe auf, „um Speicherplatz zu sparen“ – du bekommst die Details nie zurück.
  • Lasse keine Benachrichtigungen, echten Daten oder einen unaufgeräumten Desktop auf dem Bildschirm; eine einzige Slack-Benachrichtigung kann eine ganze Aufnahme ungültig machen.
  • Leite die Demo hier nicht an (wo gezoomt werden soll, wie der Cursor zur Hervorhebung bewegt werden soll) – das ist Aufgabe des Produktdemo-Regisseurs.
  • Versuche nicht, zittrige Cursorarbeit oder falschen Zoom im Schnitt zu korrigieren; nimm es neu auf.

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

SkillMedev/tutorial-video-studio

Plan a product demo, feature announcement, or launch video as a beat sheet and shot list BEFORE animating - hook in the first 3s, problem, reveal, proof, CTA - with target duration and pacing per scene type, output as a JSON scene plan that remotion-compose consumes directly. 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