Communitygithub.com

Guion de Narración

Redacta la voz en off de un tutorial o demo: las palabras reales, redactadas para el oído y sincronizadas una instrucción por acción con lo que aparece en pantalla, con un presupuesto de ritmo y un tono seguro y libre de jerga. Úsalo cuando alguien diga

¿Qué es Guion de Narración?

Este skill, **Guion de Narración**, está diseñado para crear guiones de voz en off para tutoriales y demostraciones. Su propósito es generar un texto hablado que sea claro, conciso y sincronizado perfectamente con las acciones que ocurren en pantalla. A diferencia de la escritura para leer, este skill se centra en la oralidad, utilizando frases cortas, voz activa y tiempo presente para guiar al espectador sin abrumarlo. La utilidad principal radica en que un tutorial exitoso depende de una narración que no compita con la atención visual del usuario, sino que la complemente. El skill impone reglas estrictas: una instrucción por acción visible, un ritmo de 140-160 palabras por minuto, y una estructura de tres partes por paso (objetivo, acción y confirmación). Además, especifica un formato de salida de dos columnas (acción en pantalla / línea hablada) y advierte sobre prácticas a evitar. Está pensado para plataformas de edición de video y creación de contenido educativo, como tutoriales de software, y se basa en principios de comunicación efectiva y diseño instruccional.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace Guion de Narración?

Un tutorial vive o muere por su narración. El espectador intenta hacer lo que ve mientras escucha, así que cada palabra compite con su atención en la pantalla. Escribe menos, dilo más claro y ata cada línea a una acción visible.

Escribe para el oído, no para la página

El lenguaje hablado no es lenguaje escrito. Lee cada línea en voz alta antes de conservarla.

  • Frases cortas. Una idea cada una. Si te quedas sin aire, es demasiado larga.
  • Voz activa, tiempo presente, segunda persona: "Haga clic en Guardar" - no "El botón Guardar sería entonces clickeado por el usuario."
  • Elimina todo "básicamente", "simplemente" y "solo". "Solo haz clic en Configuración" le dice en voz baja a un espectador atascado que es estúpido. Elimínalo.
  • Las contracciones son buenas ("vas a", "es que"); suenan humanas.

Sincroniza la narración con la acción

La regla de oro: una instrucción por acción en pantalla, y las palabras llegan con la acción, nunca describiendo lo que ya sucedió.

  • Indica la acción un instante antes o exactamente cuando ocurre en pantalla, para que la mano del espectador y el cursor se muevan juntos.
  • Nunca narres un clic que ya haya terminado - "y ahora lo hemos guardado" después de la animación de guardado es silencio muerto.
  • Cuando la pantalla haga algo complejo, deja de hablar y deja que respire. El silencio sobre un visual claro vence a una narración que compite con él.

Marca el ritmo

  • Apunta a ~140-160 palabras por minuto para la instrucción. Un ritmo más rápido pierde a quienes están siguiendo el tutorial.
  • Ajusta el guion a las duraciones por escena del storyboard. Si una escena dura 8 segundos, eso son ~20 palabras, no 50.
  • Incorpora pausas deliberadas en las transiciones y en cualquier momento en que el espectador necesite mirar en lugar de escuchar.

Estructura cada paso

Una forma fiable de tres partes por paso mantiene orientados a los espectadores:

  1. Objetivo - qué vamos a hacer y por qué ("Para compartir esto, crearemos un enlace público.").
  2. Acción - la única instrucción concreta ("Abre el menú Compartir y elige Cualquiera con el enlace.").
  3. Confirmación - cómo es el éxito ("Verás que el enlace se vuelve verde cuando esté listo.").

Señaliza entre pasos con transiciones ligeras - "A continuación", "Ahora que el enlace existe, vamos a..." - para que la columna vertebral del tutorial siempre sea audible.

Tono

Seguro y cálido, como un colega competente sentado a su lado. Nunca condescendiente, nunca exagerado. Define un término la primera vez que aparece, luego úsalo de manera consistente. Coincide exactamente con las etiquetas de la interfaz de usuario - si el botón dice "Nuevo proyecto", di "Nuevo proyecto", no "crea un proyecto".

Formato de salida

Entrega un guion de dos columnas que el editor y el talento de voz puedan seguir:

Acción en pantallaLínea hablada
El cursor abre el menú Compartir"Abre el menú Compartir en la esquina superior derecha."
El enlace cambia a público"Cámbialo a Cualquiera con el enlace."

Marca [pausa] donde el visual debe llevar el momento, y negrita las palabras a enfatizar. Anota el tiempo aproximado por línea si se conocen las duraciones del storyboard.

No hagas

  • No escribas música, efectos de sonido ni señales de mezcla aquí - marcar el ritmo del audio, la atenuación y la sincronización de ritmos es tarea de la sincronización de sonido y música.
  • No planifiques el orden de las escenas ni la lista de tomas - eso es el storyboard de video, que este guion debe seguir.
  • No describas relleno que el espectador ya puede ver ("aquí está la pantalla, como pueden ver hay algunos botones").
  • No dejes que una línea supere el presupuesto de duración de su escena; recorta palabras, no pausas.

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

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

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 relacionados