Ir a la guía de uso
Video Shotcraftpor Vincentwei1021

Video Shotcraft Skill.

Convierte la interfaz real de un producto en una línea de tiempo de video compuesta e inspeccionable.

  • Video de producto
  • Remotion
  • Diseño de movimiento
Revisión de la fuente · Video ShotcraftSKILL.md
Tarea Video de producto Produce • Un proyecto de video de Remotion y una película de producto renderizada • Una especificación de diseño derivada del producto, la asignación de planos y un storyboard • Una línea de tiempo revisable con recursos de captura y exportaciones opcionales de proyecto editable Antes de empezar Requiere un entorno de Remotion/Node, captura desde el navegador y ffmpeg. Algunos componentes necesitan paquetes relacionados con Three.js; el análisis de música opcional y la exportación a Jianying añaden dependencias aparte. Revisa por tu cuenta la licencia aplicable de Remotion.
Resumen editorial · fuente revisada 2026-10-07 · no es un ejemplo generado

01 Qué hace

Video Shotcraft

Un flujo de producción de video de producto con capturas reales que combina recetas de planos, tokens visuales del producto, una implementación determinista de Remotion, sonido y una revisión final por fotogramas.

Flujo basado en la fuenteNo es una prueba de ejecución

El enfoque de trabajo

Video Shotcraft es una biblioteca de producción y un flujo de trabajo para videos de producto. Su materia principal es una interfaz web o de escritorio real: capturas de página, recortes de elementos y coordenadas se convierten en el material de los movimientos de cámara y las demostraciones de funciones. La skill ofrece fichas de recetas de planos, implementaciones de referencia, componentes reutilizables, recursos de audio y una plantilla Ink Press, en lugar de pedir al agente que invente cada movimiento a partir de una descripción breve.

Hay tres modos separados de video completo: adaptar la plantilla existente, creación autónoma y cocreación guiada. Elegir un modo cambia el proceso de aprobación, no la obligación de entender el producto. Los tokens visuales deben salir del propio producto, mientras que las fichas de planos aportan la estructura del movimiento. El render final, la revisión de fotogramas y el tratamiento del sonido forman parte del camino de producción previsto; ninguno queda establecido solo por generar un storyboard.

Entregables esperados

  • Un proyecto de video de Remotion y una película de producto renderizada
  • Una especificación de diseño derivada del producto, la asignación de planos y un storyboard
  • Una línea de tiempo revisable con recursos de captura y exportaciones opcionales de proyecto editable
Ver el brief de ejemplo

Del brief a la revisión

  1. 01
    Inspeccionar y elegir un modo

    Lee el producto sin cambiar su código de negocio. Decide si la plantilla existente encaja, si las decisiones creativas se delegan o si las decisiones importantes requieren aprobaciones guiadas.

  2. 02
    Definir la dirección del producto y del sonido

    Extrae tipografía, espaciado y materiales del producto, identifica estados de demostración seguros y analiza la música elegida por el usuario antes de hacer el storyboard de una película sincronizada con el ritmo. Planifica capturas reales de la interfaz existente en lugar de recrearla de memoria.

  3. 03
    Asignar funciones a planos

    Selecciona recetas de planos y lee sus implementaciones de referencia exactas. Planifica tiempos, pausas, subtítulos y sonido. En modo guiado, obtén la aprobación completa del storyboard antes de la captura final de páginas y elementos; en todos los modos, elimina o sustituye los datos sensibles antes de capturar.

  4. 04
    Renderizar e inspeccionar

    Revisa fotogramas sueltos y renders completos, comprueba los tiempos y la seguridad de los datos, y obtén la revisión final independiente documentada. Si se usa música, conserva un render alternativo sin música de fondo.

02 Cuándo usarlo

Cuándo usarla

Requiere un entorno de Remotion/Node, captura desde el navegador y ffmpeg. Algunos componentes necesitan paquetes relacionados con Three.js; el análisis de música opcional y la exportación a Jianying añaden dependencias aparte. Revisa por tu cuenta la licencia aplicable de Remotion.

Buen encaje

  • Películas de productos de softwareEncaja con una historia de funciones cuya credibilidad depende de mostrar pantallas reconocibles y no una interfaz inventada con estilo cinematográfico.
  • Un tratamiento de movimiento concretoUna sola ficha de plano puede servir para una tarea de movimiento aislada cuando no hace falta una película promocional completa.

Límites que conviene revisar

  • Entorno de ejecución y derechos de los recursosRemotion y cualquier música, metraje o fuente tipográfica que aportes tienen sus propios términos. Que la skill esté disponible no resuelve los requisitos de uso comercial de cada dependencia.
  • Las capturas pueden exponer datosHay que eliminar la información de clientes, interna, personal y las credenciales antes de capturar. Un fotograma visualmente logrado no es aceptable si revela contenido sensible.

Aporta estos insumos

  • Producto y orden de las funcionesProporciona un proyecto local, una página accesible o capturas aprobadas, además de las funciones reales que debe explicar la película.
  • Modo y restriccionesElige entre adaptar la plantilla, creación autónoma o cocreación guiada. Indica la duración, la relación de aspecto, los planos imprescindibles y las restricciones de marca innegociables.
  • Sonido y datos segurosAporta música con derechos autorizados si lo deseas e indica qué datos de demostración pueden aparecer. Confirma las sustituciones antes de empezar a capturar pantallas.

03 Decisiones importantes

Decisiones importantes

  1. Recetas de movimiento con código

    La implementación real de una receta conserva detalles como las curvas de aceleración y el enmascarado, que se pierden fácilmente cuando un agente improvisa solo a partir del nombre del plano.

  2. La identidad del producto se mantiene

    Separar la estructura del movimiento de la tipografía y los materiales permite adaptar un efecto consolidado sin imponer al producto un estilo promocional ajeno.

04 Ejemplo de brief

Prueba un brief concreto

El brief de ejemplo siguiente no se ha probado. Revisa la configuración de la skill antes de usarlo.

Revisa la configuración

Usa el repositorio completo con fichas de planos, demos, componentes y archivos de plantilla. Los comandos de renderizado de la fuente no son un comando de instalación general.

Archivo de la fuente original
https://github.com/Vincentwei1021/video-shotcraft/blob/5ddbf521038b0a7accfb6dc1e0a9eb29c67277ab/SKILL.md

Requiere un entorno de Remotion/Node, captura desde el navegador y ffmpeg. Algunos componentes necesitan paquetes relacionados con Three.js; el análisis de música opcional y la exportación a Jianying añaden dependencias aparte. Revisa por tu cuenta la licencia aplicable de Remotion.

Empieza con un solo entregable

Adapta el alcance, el material de origen y las restricciones de este brief antes de ejecutar la skill.

Brief de ejemplo
Usa Video Shotcraft en modo de cocreación guiada para el proyecto proporcionado. Haz una película corta que explique la búsqueda, las colecciones guardadas y la exportación con capturas reales de la interfaz, usando solo datos de demostración. Mantén la tipografía y los colores actuales del producto. Propón la asignación de funciones a planos y el storyboard completo antes de producir; después renderiza y revisa el resultado. No publiques la película ni subas las capturas de origen.

Inspecciona el resultado

Comprueba el resultado real con estos criterios observables.

  • Los fotogramas de interfaz renderizados coinciden con los estados aprobados del producto y no contienen datos sensibles.
  • Cada plano seleccionado corresponde a una función concreta o a un propósito narrativo.
  • El render entregado se ha inspeccionado como secuencia completa, no solo como fotogramas aislados.

OpenDesign ofrece un espacio de trabajo de diseño local para agentes de programación. Este listado no significa que la skill venga incluida ni que se incluyan sus herramientas externas, credenciales y dependencias de software.

05 Fuente y licencia

Fuente y licencia

Esta página describe la revisión fijada de la fuente enlazada abajo. El comportamiento y los requisitos originales pueden cambiar.

Propietario de la fuente
Vincentwei1021
Archivo de la skill
SKILL.md
Licencia
Apache-2.0
Versión revisada
2026-10-07 · 5ddbf521038b
Resumen editorial de la fuente
Un flujo de producción de video de producto con capturas reales que combina recetas de planos, tokens visuales del producto, una implementación determinista de Remotion, sonido y una revisión final por fotogramas.

Resumen original de OpenDesign, basado en la fuente enlazada. Las estrellas del repositorio son una señal de popularidad con fecha, no el uso de la skill ni una puntuación de calidad.

06 Preguntas antes de empezar

Preguntas antes de empezar

¿Tengo que usar el estilo Ink Press?

No. La plantilla es solo un modo. La creación autónoma y la guiada pueden construir una dirección nueva, e incluso al adaptar la plantilla debe usarse la identidad visual del producto de destino.

¿Puedo pedir una sola animación?

Sí. La fuente permite usar una sola ficha de plano y su implementación de referencia para una tarea de movimiento concreta.

¿La exportación a un proyecto de video editable es automática?

La fuente describe una vía opcional de exportación a Jianying. Necesita sus propias dependencias y comprobaciones de plataforma, así que debe solicitarse y verificarse por separado del render principal.

OpenDesign

Deja espacio para la siguiente iteración de diseño.

Mantén tu brief, el material de origen y tu trabajo de diseño juntos en un espacio de trabajo local. Revisa la configuración propia de la skill antes de añadirla a tu flujo de trabajo.

Archivo de la fuente original
https://github.com/Vincentwei1021/video-shotcraft/blob/5ddbf521038b0a7accfb6dc1e0a9eb29c67277ab/SKILL.md