Communitygithub.com

Captura de Pantalla

Captura material limpio de pantalla y cámara para un tutorial o demostración de producto, eligiendo el grabador (barra de herramientas de Captura de macOS, QuickTime, OBS, Game Bar de Windows), configurando resolución, frecuencia de cuadros, cursor, micrófono, preparando un escenario libre de distracciones y grabando en segmentos regrabables. Úsalo cuando alguien diga grabar pantalla.

¿Qué es Captura de Pantalla?

Esta habilidad guía al usuario en la grabación de material audiovisual limpio y de alta calidad para tutoriales y demostraciones de producto, enfatizando que la captura es la única etapa que no se puede arreglar en postproducción. Explica cómo seleccionar el grabador adecuado según la necesidad: desde herramientas rápidas integradas como Cmd+Shift+5 en macOS o Win+G en Windows para clips cortos, hasta OBS Studio para múltiples fuentes y pistas separadas. Detalla configuraciones clave como resolución (mínimo 1080p, idealmente 1440p/4K para margen de edición), frecuencia de cuadros (60 fps para movimiento), cursor con resaltado de clics, micrófono en pista separada y niveles de audio adecuados. Además, proporciona un flujo de trabajo profesional que incluye preparar el escritorio (modo No Molestar, fondo neutro, datos falsos), grabar en segmentos cortos regrabables y mantener la consistencia entre tomas. Es compatible con macOS y Windows, y se integra con otras habilidades para edición, voz en off y subtítulos.

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

Preguntar en tu IA favorita

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

Documentación

¿Qué hace Captura de Pantalla?

La captura es la única etapa que no puedes arreglar en postproducción. Una grabación borrosa, lenta o llena de notificaciones obliga a repetir la toma, sin que ninguna edición pueda remediarlo. Obtén material limpio desde el principio y todo lo que sigue será más fácil.

Cuándo usarlo

Recurre a esto cuando el usuario necesite grabar algo en su pantalla – el acto de capturar, no de preparar o editar. Esto incluye elegir un grabador, ajustar la configuración, preparar la máquina y realizar la toma real. Si el material ya existe y la pregunta es sobre movimientos del cursor, zooms, cortes o narración, deriva a las habilidades mencionadas en la descripción.

Elige el grabador según la necesidad

  • Rápido, pantalla única, sin superposiciones → macOS: Cmd+Shift+5 (barra de herramientas de Captura) o QuickTime "Nueva grabación de pantalla". Windows: Win+G (Game Bar) o el modo de video de la herramienta Recortes. Sin configuración, ideal para clips cortos.
  • Burbuja de cámara web, múltiples fuentes, cambio de escenas, o sistema y micrófono en pistas separadas → OBS Studio (gratuito, multiplataforma). Vale la pena la configuración en cuanto necesites una superposición de presentador o más de una fuente.
  • Tutoriales de producto pulidos con zoom automático y suavizado de cursor → una herramienta dedicada (Screen Studio en macOS, o similar). Solo recurre aquí si el usuario ya la tiene; no hagas que una herramienta de pago sea un requisito.

Expón claramente la compensación: OBS ofrece control a costa de una configuración de 10 minutos; los grabadores integrados ofrecen velocidad a costa de superposiciones y separación de pistas.

Configuraciones de captura que importan

  • Resolución: captura a la resolución de entrega o superior, nunca inferior. 1080p (1920×1080) es el mínimo para tutoriales; 1440p/4K si el producto final será 1080p y quieres margen para acercamientos.
  • Frecuencia de cuadros: 60 fps cuando haya movimiento del cursor, desplazamiento o animación – se ve mucho más suave. 30 fps es aceptable para segmentos mayormente estáticos con presentador. Elige una y mantenla constante entre tomas.
  • Cursor: activa la visualización/resalte de clics si la herramienta lo ofrece. Muévelo de forma deliberada y lenta; el cursor es el ojo del espectador. Ocúltalo completamente en segmentos donde no sea el tema.
  • Micrófono: graba el micrófono en una pista separada del audio del sistema (OBS lo hace de forma nativa) para poder equilibrarlos después. Realiza una verificación de nivel de 10 segundos primero – busca picos alrededor de −12 a −6 dB, nunca saturando. Graba 3-5 segundos de sonido ambiente sin hablar para el editor.
  • Tasa de bits: deja que la herramienta use el valor predeterminado a menos que el material se vea comprimido; si es así, aumentalo. Prefiere un archivo grande ligeramente comprimido ahora a uno pequeño con artefactos.

Prepara el escenario antes de grabar

Aquí es donde se pierden la mayoría de las capturas de pantalla amateur. Antes de la primera toma:

  • Activa No Molestar / Enfoque para que nunca aparezca un banner de notificación durante la grabación.
  • Limpia el escritorio: fondo de pantalla neutro, sin archivos personales, oculta el desorden del dock.
  • Cierra todas las pestañas y aplicaciones irrelevantes. Sal de aplicaciones de chat, correo, calendario y ventanas emergentes.
  • Usa una cuenta de demostración con datos ficticios y sembrados – nunca datos personales reales de clientes, correos electrónicos reales ni nombres reales en pantalla. Elimina cualquier información sensible.
  • Ajusta el zoom de la aplicación para que el texto sea legible al tamaño de entrega, no solo en tu monitor grande. En un navegador, acerca aproximadamente al 125-150% y oculta la barra de marcadores; considera un perfil de navegador nuevo y vacío.
  • Ajusta la ventana de captura a tu relación de aspecto objetivo (generalmente 16:9 para tutoriales) para no tener que recortar después.

Graba en segmentos regrabables

No intentes lograr una toma de diez minutos en una sola pasada. Graba un segmento de guion gráfico por clip:

  • Ensaya el segmento una vez en silencio para realizar los movimientos correctamente.
  • Inicia la grabación, haz una pausa breve, luego ejecuta – deja un segundo de silencio al inicio y al final como mangos de edición.
  • Si te equivocas, detente, respira y regraba solo ese segmento. Es barato rehacer un segmento, caro rehacer todo el video.
  • Mantén un ritmo constante entre segmentos para que se corten de manera limpia.

Transferencia

Los clips originales van al editor / pipeline de Remotion para el montaje, a narración-guion para la voz en off que los acompaña, y a subtítulos-desde-transcripción una vez que el audio esté finalizado. El trabajo de esta habilidad termina cuando existe material limpio.

No hagas

  • No grabes a una resolución inferior a la salida final "para ahorrar espacio" – nunca podrás recuperar el detalle.
  • No dejes notificaciones, datos reales o un escritorio desordenado en pantalla; un solo banner de Slack puede invalidar toda una toma.
  • No dirijas la demostración aquí (dónde hacer zoom, cómo mover el cursor para enfatizar) – eso es director-demostración-producto.
  • No intentes arreglar movimientos temblorosos del cursor o zoom incorrecto en la edición; vuelve a capturar.

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 relacionados