Communitygithub.com

Video de curso, paso 2: tutoriales con grabación real

Graba sitios web o apps de escritorio reales y convierte sus flujos en demos de producto o tutoriales paso a paso con una configuración de OpenScreen.

¿Qué es Video de curso, paso 2: tutoriales con grabación real?

Receta Video de curso, paso 2 (la demo práctica). El agente graba un sitio o programa real, captura el flujo clic a clic y lo convierte en un tutorial paso a paso o una demo de producto, para que tu lección muestre la herramienta real y no una captura estática.

Compatible con✓Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/aievolutionpl/social-motion-agent/tree/HEAD/.agents/skills/screen-tutorials

Preguntar en tu IA favorita

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

Documentación

Grabaciones, demostraciones y tutoriales de herramientas de IA

Raíz del proyecto: tres niveles de directorio por encima de esta carpeta de skill. Lea START_HERE.md, luego workflows/SCREEN_TUTORIALS.md. Tiempo de ejecución, comparación y límites: docs/OPENSCREEN.md; verificación actual: el HANDOFF.md del trabajo actual.

Enrutar la solicitud

  • Una demostración corta de producto/funcionalidad → python -S studio.py route showcase.
  • Una lección educativa con pasos reproducibles → python -S studio.py route tutorial.
  • Una grabación en bruto es el paso de captura de cualquiera de las rutas, sin añadir una voz, cámara o publicación no solicitada.

Utilice el cuestionario existente de cinco preguntas para una nueva película; adapte sus preguntas a la herramienta, el alumno, el resultado, la duración/plataforma y la narración. Reutilice respuestas conocidas y decisiones de marca existentes. Agregar esta integración o ejecutar un fixture técnico no es una nueva película creativa y no requiere una ronda de cuestionario.

Investigue la documentación oficial actual de la herramienta demostrada y la interfaz de usuario real antes de escribir las instrucciones. Registre su URL/versión/fecha, requisitos previos, nivel de cuenta y limitaciones relevantes para la lección. Muestre acciones y resultados genuinos. Una interfaz simulada no debe presentarse como imágenes de la aplicación real.

Capturar y editar

OpenScreen es el grabador y editor de demostraciones seleccionado. Use scripts/openscreen.py con su tiempo de ejecución instalado por separado configurado a través de config/openscreen.json. El skill upstream es tools/repos/openscreen/plugin/skills/openscreen-demo/SKILL.md; sus flujos de trabajo MCP están disponibles solo cuando esas herramientas están realmente conectadas. La CLI existente funciona sin un registro MCP global o una nueva sesión de agente. No detenga una tarea capaz de usar CLI solo porque MCP esté ausente.

Grabe una ventana de aplicación preparada con un nombre único y una duración finita. El envoltorio verifica que el selector coincida exactamente con una ventana y nunca recurra al escritorio. Use un perfil/datos de demostración limpios, mantenga los secretos y notificaciones fuera de la toma, y active el micrófono, el audio del sistema o la cámara solo cuando sirvan a la película solicitada. Guarde el material en bruto, .cursor.json, los archivos laterales de cámara web/audio y el proyecto juntos en el trabajo. pack actualmente maneja proyectos heredados v2; los documentos generados por el editor/subtítulos deben tener sus activos recopilados por separado.

La automatización del navegador no mueve el puntero físico. Preserve las marcas de tiempo y coordenadas de las acciones reales; si MCP está conectado, proporciónelas a través de setPointerTrack con la asignación descrita por su esquema actual. De lo contrario, use zooms y llamadas manuales intencionales. No reclame que el zoom automático tiene datos de clic cuando faltan datos de telemetría. Mantenga la interfaz de usuario real legible en una adaptación vertical; recuadre o recorte deliberadamente.

Para la narración en polaco, use scripts/voiceover.py con su propia identificación de voz y mantenga estable la voz elegida. OpenScreen --audio mezcla la voz en off durante la exportación, mientras que su comando captions lee el audio de la grabación: la voz en off agregada en la exportación no recibirá subtítulos automáticamente. Genere/alinee los subtítulos a partir de la voz en off real con nuestro flujo de trabajo de subtítulos existente, o use una grabación con la narración ya mezclada antes de subtitular. No descargue un modelo Whisper innecesario para una captura silenciosa.

Revisar y entregar

Inspeccione un borrador para verificar la ventana correcta, el comportamiento real de la funcionalidad, los controles legibles, el cursor/zoom coherente y la sincronización de la narración. Ejecute la exportación completa, ffprobe/decode, inspeccione los fotogramas finales y verifique nombres/pronunciación. Conserve la grabación original y el proyecto editable; registre el MP4 seleccionado en el flujo de trabajo normal de trabajo/activo/línea de tiempo/sonda/revisión/empaquetado.

Informe las capacidades probadas por separado de la captura de escritorio no probada, el micrófono/cámara web, la conexión MCP y el acceso a la cuenta. Nunca infiera una grabación exitosa a partir de un nombre de archivo existente o de la ayuda de la CLI. Los comandos nativos de Electron en este host requieren ejecución fuera del sandbox restringido; no deshabilite la seguridad de Chromium para solucionarlo. La publicación sigue la regla existente de aprobación explícita.

Individual skills in this repo

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

Skills relacionados