Communitygithub.com

Capture d'Écran

Capturez des images brutes et nettes de l'écran et de la caméra pour un tutoriel ou une démonstration produit – en choisissant l'outil d'enregistrement (barre d'outils macOS, QuickTime, OBS, Game Bar Windows), en réglant la résolution, la fréquence d'images, le curseur, le micro, en préparant une scène sans distraction, et en enregistrant par segments rejouables. À utiliser lorsque quelqu'un demande

Qu'est-ce que Capture d'Écran ?

Cette compétence est conçue pour les développeurs ou créateurs de contenu qui ont besoin d'enregistrer des vidéos d'écran et/ou de webcam de haute qualité pour des tutoriels, démos ou présentations. Elle couvre l'ensemble du workflow de capture : choix du logiciel (OBS, outils intégrés macOS/Windows, Screen Studio), réglages optimaux (résolution, fps, audio séparé), préparation de l'environnement (mode Ne pas déranger, bureau propre, données fictives), et enregistrement en segments pour faciliter le montage. L'objectif est de produire des rushes propres et exploitables, évitant les reprises coûteuses. Fonctionne sous macOS et Windows, avec des recommandations claires pour chaque outil selon le besoin (rapidité vs contrôle).

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait Capture d'Écran ?

La capture est la seule étape que vous ne pouvez pas rattraper en post-production. Un enregistrement flou, saccadé ou jonché de notifications force un nouveau tournage qu'aucun montage ne peut sauver. Obtenez des rushes propres et tout ce qui suit devient plus facile.

Quand l'utiliser

Utilisez cette compétence lorsque l'utilisateur a besoin d'enregistrer quelque chose sur son écran – l'acte de capturer, pas de mise en scène ou de montage. Cela inclut le choix d'un logiciel d'enregistrement, le réglage des paramètres, la préparation de la machine, et le tournage proprement dit. Si les rushes existent déjà et que la question porte sur les déplacements du curseur, les zooms, les coupes ou la narration, passez aux compétences mentionnées dans la description.

Choisir l'outil selon le besoin

  • Rapide, un seul écran, sans incrustations → macOS : Cmd+Maj+5 (barre d'outils de capture) ou QuickTime « Nouvel enregistrement d'écran ». Windows : Win+G (Game Bar) ou le mode vidéo de l'outil Capture. Aucun réglage, parfait pour de courts clips.
  • Incrustation webcam, sources multiples, changement de scène, ou son système + micro sur pistes séparées → OBS Studio (gratuit, multiplateforme). Vaut la peine d'être configuré dès que vous avez besoin d'une incrustation de tête parlante ou de plus d'une source.
  • Démonstrations produits soignées avec zoom automatique et lissage du curseur → un outil dédié (Screen Studio sur macOS, ou similaire). N'utilisez cette option que si l'utilisateur le possède déjà ; ne faites pas d'un outil payant un prérequis.

Exposez clairement le compromis : OBS vous donne du contrôle au prix de 10 minutes de configuration ; les enregistreurs intégrés vous donnent de la rapidité au prix de l'absence d'incrustations et de pistes séparées.

Paramètres de capture importants

  • Résolution : capturez à la résolution de livraison ou plus élevée, jamais inférieure. Le 1080p (1920×1080) est le minimum pour les tutoriels ; 1440p/4K si le rendu final sera en 1080p et que vous souhaitez pouvoir zoomer.
  • Fréquence d'images : 60 fps lorsqu'il y a du mouvement du curseur, du défilement ou des animations – cela rend l'image nettement plus fluide. 30 fps est acceptable pour des segments majoritairement statiques de tête parlante. Choisissez une valeur et gardez-la constante entre les prises.
  • Curseur : activez la visualisation des clics / la mise en évidence si l'outil le permet. Déplacez-vous délibérément et lentement ; le curseur est l'œil du spectateur. Cachez-le complètement pour les segments où il n'est pas le sujet.
  • Microphone : enregistrez le micro sur une piste séparée de l'audio système (OBS le fait nativement) afin de pouvoir les équilibrer plus tard. Effectuez d'abord un contrôle de niveau de 10 secondes – visez des pics autour de −12 à −6 dB, jamais d'écrêtage. Enregistrez 3 à 5 secondes de bruit ambiant sans parole pour le monteur.
  • Débit binaire : laissez l'outil utiliser la valeur par défaut, sauf si la vidéo semble compressée ; dans ce cas, augmentez-le. Privilégiez un fichier volumineux légèrement compressé maintenant plutôt qu'un petit fichier plein d'artefacts.

Préparer la scène avant d'enregistrer

C'est là que la plupart des captures amateurs échouent. Avant la première prise :

  • Activez Ne pas déranger / Focus pour qu'aucune notification n'apparaisse jamais en cours d'enregistrement.
  • Nettoyez le bureau : fond d'écran neutre, pas de fichiers personnels, cachez les éléments encombrants du Dock.
  • Fermez tous les onglets et applications inutiles. Quittez les applis de chat, de courrier, les pop-ups de calendrier.
  • Utilisez un compte de démonstration avec des données factices – jamais de vraies données personnelles, vrais e-mails ou vrais noms à l'écran. Supprimez tout élément sensible.
  • Réglez le zoom de l'application pour que le texte soit lisible à la taille de livraison, pas seulement sur votre grand écran. Dans un navigateur, zoomez à environ 125-150 % et masquez la barre de favoris ; envisagez un nouveau profil de navigateur vierge.
  • Ajustez la fenêtre de capture à votre rapport hauteur/largeur cible (généralement 16:9 pour les tutoriels) afin d'éviter de recadrer plus tard.

Enregistrer par segments rejouables

N'essayez pas de réussir une prise de dix minutes en une seule fois. Enregistrez un temps d'histoire par clip :

  • Répétez le temps une fois en silence pour maîtriser les mouvements.
  • Commencez l'enregistrement, faites une pause d'un temps, puis exécutez – laissez une seconde de silence au début et à la fin comme poignées de montage.
  • Si vous trébuchez, arrêtez, respirez, et réenregistrez uniquement ce segment. Il est bon marché de refaire un temps, coûteux de refaire toute la vidéo.
  • Gardez un rythme constant entre les temps pour qu'ils s'assemblent proprement.

Transition

Les rushes bruts sont transmis au pipeline montage / Remotion pour l'assemblage, au script-narration pour la voix-off qui les accompagne, et à sous-titres-depuis-transcription une fois l'audio verrouillé. Le travail de cette compétence se termine lorsque les rushes propres existent.

À ne pas faire

  • N'enregistrez pas à une résolution inférieure à celle de la sortie finale « pour économiser de l'espace » – vous ne pourrez jamais récupérer les détails perdus.
  • Ne laissez pas de notifications, de vraies données ou un bureau encombré à l'écran ; une simple bannière Slack peut invalider toute une prise.
  • Ne dirigez pas la démo ici (où zoomer, comment déplacer le curseur pour mettre l'accent) – cela relève de product-demo-director.
  • N'essayez pas de corriger un mouvement de curseur tremblant ou un mauvais zoom en post-production ; refaites la capture.

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

Skills associés