Communitygithub.com

Pluviobyto/video-production-skills

Crea videos de productos SaaS oscuros y cinematográficos en el estilo de

¿Qué es video-production-skills?

Esta habilidad permite crear videos promocionales de productos SaaS oscuros y cinematográficos, inspirados en el estilo 'magic UI' de Presenton. Está diseñada para desarrolladores y agentes de IA que necesitan producir contenido visual impactante para demostraciones de productos, lanzamientos o presentaciones. Utiliza una escena espacial negra con estrellas, un resplandor púrpura inferior, tipografía cinética grande, botones degradados de cian a magenta y elementos de interfaz flotantes. No debe usarse para réplicas exactas píxel a píxel, sino para crear videos estilizados que transmitan la sensación y estética de un producto SaaS tecnológico. Se integra con HyperFrames para la composición y animación, y requiere leer las referencias de estilo, planos de escenas y listas de control de calidad antes de comenzar.

Compatible con~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/Pluviobyte/video-production-skills/tree/HEAD/dark-saas-magic-video

Preguntar en tu IA favorita

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

Documentación

Video Mágico SaaS Oscuro

Rol

Crear nuevos videos de productos en un estilo oscuro, cinematográfico y evocador de interfaz. Esta es una habilidad de generación de estilo, no una habilidad de alineación con referencias. Úsala después de que ai-motion-director seleccione una ruta de video de producto o SaaS a nivel de estilo.

Exhibición Canónica

  • Nombre de visualización humano: 暗色 SaaS 魔术短片
  • Pieza final de ejemplo: 雪踏乌云暗色 SaaS 介绍短片
  • Archivo: assets/showcases/xuetawuyun-dark-saas-showcase-1080p.mp4
  • Usa esto como referencia de estilo para escala, ritmo, vocabulario de escenas y pulido final. No copies su texto a menos que el usuario solicite la misma marca/cuenta.

Límites

  • Usa esto para creación a nivel de estilo: "做成这个感觉", "类似 Presenton 这种风格", "暗色科技感 SaaS 产品短片", "AI 工具产品演示".
  • No lo uses para réplicas a nivel de píxel, cuadro exacto o marca de tiempo exacta. Usa reference-video-replica-qc primero.
  • No reemplaces product-launch-video; usa esto cuando el lenguaje visual solicitado sea específicamente interfaz mágica oscura, no un lanzamiento de producto genérico.
  • Construye con HyperFrames a menos que el usuario solicite explícitamente Remotion.

Lecturas Requeridas

Antes de escribir una composición, lee:

  1. references/style-language.md
  2. references/scene-blueprints.md
  3. references/timing-presets.md
  4. references/asset-contract.md

Antes de la entrega final, lee references/qc-checklist.md.

Entradas

Recopila o infiere:

  • nombre del producto y promesa en una línea
  • espectador objetivo y plataforma
  • preajuste de duración: sting, standard o extended
  • palabras de dolor o afirmación inicial
  • flujo de trabajo principal: prompt, generate, connect, model, export, share, automate
  • recursos disponibles: logo, capturas de pantalla, tarjetas de interfaz, logotipos de integración, nombres de exportación
  • relación de aspecto de salida y slug de archivo

Si faltan recursos, usa tarjetas de interfaz abstractas y etiquetas de texto. Indica que el resultado es un video de producto a nivel de estilo, no una grabación de interfaz precisa del producto.

Reglas de Estilo Estrictas

  1. Usa un escenario espacial negro con grano fino/partículas estelares y un débil resplandor de horizonte púrpura inferior.
  2. Evita fondos persistentes de líneas horizontales neón; aplana el estilo.
  3. Usa tipografía cinética blanca grande como latidos narrativos, no etiquetas pequeñas.
  4. Incluye al menos un botón de llamada a la acción con degradado de cian a magenta que active una transformación visible.
  5. Los objetos principales deben ser grandes en su fotograma más visible: tarjeta de prompt, CTA, panel de interfaz, anillo de insignia u objeto de exportación no deben sentirse como accesorios pequeños y distantes.
  6. Usa desenfoque de movimiento, mancha, aceleración de escala o transiciones blancas de velocidad para transiciones importantes.
  7. Incluye objetos de interfaz que parezcan invocados de la oscuridad: tarjetas, insignias, carpetas, chips de modelo, ventanas de aplicación o píldoras de exportación.
  8. Nunca agregues destellos de color sólido en pantalla completa sin explicación.
  9. Nunca afirmes fidelidad a nivel de píxel para este flujo de trabajo de estilo.

Flujo de Trabajo

1. Dar Forma al Arco

Elige un preajuste de duración de references/timing-presets.md. Asigna el producto en 5-8 latidos de capacidad. Prefiere una cadena de causa y efecto: promesa de texto -> prompt -> clic en CTA -> resultado generado -> integraciones/modelos -> exportación -> afirmación final.

2. Seleccionar Planos

Usa references/scene-blueprints.md para elegir módulos de escena. No uses todos los módulos a ciegas; empareja las capacidades reales del producto.

3. Construir con HyperFrames

Carga las habilidades relevantes de HyperFrames:

  • hyperframes para la creación de composiciones
  • hyperframes-cli para lint, validar, inspeccionar, renderizar
  • hyperframes-animation para desenfoque de movimiento, movimiento de tipo, anillos, clics de cursor
  • hyperframes-media solo si se necesitan audio, TTS, SFX o subtítulos

Usa movimiento determinista. Construye primero los fotogramas principales, luego anima hacia ellos.

4. Control de Calidad

Usa references/qc-checklist.md. Si el usuario proporcionó un video de referencia y le importa la alineación, también usa reference-video-replica-qc.

Salida

Entrega la ruta final del MP4, la ruta de la hoja de contacto de control de calidad, las especificaciones confirmadas y una nota breve que mencione el preajuste de duración y los módulos de escena utilizados.

Skills relacionados