product-motion-graphics

Gráficos Animados de Producto

Crea vídeos centrados en el producto con un gancho claro, un producto visible, beneficios veraces y una llamada a la acción útil. Soporta tanto productos físicos como digitales. Mantén todos los estilos dentro de este skill; no crees un skill separado para cada estilo.

Para una descripción general para el usuario, un diagrama de flujo de trabajo, requisitos y archivos de prompt listos para copiar, consulta la guía de uso. Léela al explicar cómo usar el skill; el enrutamiento de producción permanece a continuación.

Valores Predeterminados

• Plataforma: YouTube Shorts, 1080 × 1920, 9:16, 30 fps.
• Duración: 30 segundos a menos que se especifique lo contrario; adapta la historia a la duración solicitada.
• Entradas: solo imágenes, solo clips, capturas de pantalla o una mezcla; también acepta activos de marca y audio.
• Voz: locución femenina adulta natural. Se prefiere una grabación humana proporcionada; de lo contrario, utiliza una voz TTS femenina disponible e identifícala como generada por IA. Consulta locución.
• Idioma: mantén la documentación del skill y los prompts de ejemplo en inglés. Los guiones de vídeo, la narración y los subtítulos por defecto en inglés; usa otro idioma para un vídeo específico solo cuando el usuario lo solicite explícitamente.
• Salida: vista previa del vídeo reproducible, luego el MP4 final solicitado y el archivo fuente editable.
• Estilo: sin selección predeterminada. Nunca infieras la selección del estilo a partir de los activos proporcionados o un enlace de referencia.

Estas son preferencias de producción, no afirmaciones de que YouTube requiera esta resolución, velocidad de fotogramas o duración exactas.

1. Decide qué solicita el usuario

• Nuevo vídeo de producto: sigue el flujo de selección de estilo y producción a continuación.
• Configuración de marca del producto: sigue configuración de marca para crear o actualizar el contexto reutilizable en el proyecto de salida. La configuración por sí sola no selecciona un estilo de vídeo ni autoriza una vista previa.
• Revisar el vídeo actual: conserva el estilo seleccionado a menos que el usuario solicite un cambio. Muestra una vista previa revisada.
• Aprender de referencias: sigue aprendizaje de referencias. Una solicitud de aprendizaje por sí sola no requiere una pregunta de selección de estilo ni una renderización de vídeo.
• Aprender y hacer un vídeo: primero aprende, actualiza el menú, luego pide al usuario que seleccione un estilo antes de la vista previa.

Lee solo el estilo elegido y las referencias necesarias para la tarea actual. No cargues todas las guías de estilo en cada solicitud de vídeo.

Antes de planificar o animar un vídeo de producto, lee el archivo brand.md y MOTION.md del proyecto de salida cuando estén presentes. Reutiliza los activos y preferencias establecidos; las instrucciones explícitas actuales del usuario tienen prioridad. Los perfiles faltantes no bloquean el trabajo cuando los activos proporcionados y el briefing establecen los hechos necesarios. Consulta configuración de marca cuando se soliciten perfiles o necesiten actualizarse.

Para Amezprice, lee el perfil de preferencia del producto antes de presentar las opciones de estilo. Registra la referencia de mayor prioridad del propietario y la dirección visual recomendada. Una referencia preferida es una recomendación para el prompt de selección, no un permiso para omitir la barrera explícita de selección de estilo.

Para explicaciones de funciones basadas en capturas de pantalla, recomienda 1 — Captura de pantalla / Explicador de funciones; para instrucciones de tutorial repetibles, recomienda 2 — Guiado / Tutorial de cómo hacer. Sigue producción con capturas de pantalla después de que el usuario seleccione. El estilo 4 sigue siendo una recomendación para promociones de la app AmezPrice; las recomendaciones dependen del propósito del vídeo.

2. Siempre pide la selección de estilo para un vídeo nuevo

Lee el menú de estilos actual, incluyendo los estilos añadidos posteriormente. Presenta sus opciones numeradas con una breve descripción en inglés a menos que el usuario solicite explícitamente otro idioma. Pregunta:

¿Qué estilo te gustaría para este vídeo de producto? Selecciona un número o nombre de estilo, y crearé una vista previa en ese estilo.

Para cada vídeo nuevo, espera la elección del usuario antes de generar su vista previa visual o elegir un estilo. Si la solicitud ya nombra un estilo, muéstralo como la opción propuesta y pide al usuario que confirme; esta selección explícita es la preferencia del propietario. La elección de un vídeo anterior no se traslada automáticamente a un vídeo nuevo. Las recomendaciones están permitidas, pero las recomendaciones, el silencio, los enlaces de referencia o la adecuación inferida del producto no son selecciones.

Ofrece todos los estilos del menú actual. Un estilo personalizado o mixto es posible cuando se selecciona explícitamente; pregunta qué estilo lidera y qué elemento secundario tomar prestado. No fuerces todos los estilos en un solo vídeo.

Antes de la selección, puedes inspeccionar los activos proporcionados, verificar la disponibilidad en tiempo de ejecución y organizar el briefing. Aún no crees imágenes de vista previa específicas del estilo, vídeos ni muestras de voz. Esta barrera de selección se aplica al usar el skill para producir un vídeo, no al editar el skill en sí.

3. Prepara el briefing del producto

Después de la selección, lee la guía de ese estilo y las reglas de producción. Comienza desde briefing de producto en el directorio de trabajo del proyecto de salida; no sobrescribas la plantilla reutilizable.

Registra el producto, los beneficios verificados, la audiencia, la duración, la CTA, el estilo seleccionado, los activos, el idioma, la fuente de voz y la configuración de salida. Reutiliza los detalles ya proporcionados. Pregunta solo por lo esencial faltante, como un producto desconocido o la grabación humana real cuando se requiera una voz humana real. Usa los valores predeterminados documentados para los detalles opcionales.

Trata las guías de estilo como un lenguaje visual con ejemplos adaptables. Diseña el gancho, la agrupación de escenas, la disposición, los recortes y las transiciones en torno a los activos reales y el propósito. Conserva el estilo reconocible seleccionado y los datos reales del producto; preserva una disposición repetitiva aprobada cuando se solicite. Las restricciones de dependencia de acciones del tutorial limitan el orden de las escenas incluso cuando la presentación es creativa.

Clasifica los activos como para aparecer en el vídeo o referencias visuales. Una foto de producto puede servir para ambos propósitos cuando sea la intención. Preserva las proporciones reales del producto, logotipos, empaques, texto de la interfaz y afirmaciones aprobadas. Consulta las reglas de producción para imágenes, clips y entradas mixtas.

4. Haz una vista previa después de la selección

Sigue renderización y vista previa y locución femenina.

• Escribe una historia de producto compacta y un guion de voz; usa el ritmo del estilo seleccionado.
• Haz una vista previa representativa de 6–8 segundos a 540 × 960, o la duración completa cuando el vídeo solicitado sea más corto. Incluye el producto, tipografía/movimiento característico, una transición y una muestra de voz femenina natural cuando el audio esté disponible.
• Muestra tres fotogramas de storyboard representativos para el gancho, el beneficio y la CTA cuando sea práctico. Los fotogramas complementan la vista previa animada; no la reemplazan.
• Identifica el estilo seleccionado, cualquier variación aprendida utilizada, el tipo de voz y los activos faltantes en una nota breve. Enlaza los archivos generados reales.
• Si la renderización o la generación de voz no están disponibles, di exactamente qué se pudo y qué no se pudo producir. Un storyboard es un storyboard, el código es código fuente y una vista previa silenciosa es silenciosa. Nunca los etiquetes como un vídeo renderizado con voz femenina.

Respeta los comentarios de la vista previa. Si solo se solicitó una vista previa, detente después de entregarla. Si el usuario solicitó una revisión antes de la exportación final, espera esa revisión. Si la producción completa ya está autorizada, no se requiere una segunda aprobación simplemente porque exista una vista previa.

5. Finaliza el vídeo solicitado

Mantén la coherencia del estilo seleccionado, la narración, los colores y la representación del producto. Exporta el vídeo final solicitado a 1080 × 1920, con vídeo H.264 y audio AAC en MP4 a menos que se cambie explícitamente. Incluye subtítulos alineados con el discurso grabado. No omitas silenciosamente la narración femenina; indícala como pendiente si el audio requerido no está disponible.

Ejecuta check_video.py contra los archivos renderizados usando los comandos de la guía de renderizado. También observa y escucha secciones representativas; los metadatos no pueden probar la calidad de la voz, la sincronización, la precisión visual o la legibilidad.

Entrega el MP4 final, la vista previa, el proyecto editable y los archivos de subtítulos/locución cuando se hayan producido. Indica cualquier limitación no resuelta. No subas a YouTube a menos que se te pida.

Mejorando este skill

Cuando el usuario proporcione enlaces de vídeo para mejorar la biblioteca, usa aprendizaje de referencias. Mejora un estilo coincidente con técnicas comprobadas y reutilizables; crea una nueva carpeta de estilo cuando el lenguaje visual sea genuinamente diferente. Actualiza el menú para que los nuevos estilos aparezcan en selecciones futuras. No inventes observaciones a partir de un enlace que no se haya podido visualizar.

Los vídeos estudiados anteriormente y sus límites de acceso/verificación se enumeran en estudios de vídeo. Lee un estudio individual solo cuando su variación sea relevante; la revisión del storyboard visual no establece el audio, la suavidad ni el tiempo exacto de la transición.

Uso en Claude

Esta es una carpeta de skill portátil. Para el descubrimiento de Claude Code, coloca toda esta carpeta en .claude/skills/product-motion-graphics/ dentro del proyecto de destino, o ~/.claude/skills/product-motion-graphics/ para uso personal. Luego invoca /product-motion-graphics o describe una tarea que coincida. Mantén juntos los estilos, referencias, plantillas y scripts.

El skill proporciona instrucciones y un ayudante de verificación de vídeo; no incluye un renderizador, activos multimedia, un servicio TTS ni credenciales de API. Verifica el entorno de destino antes de prometer una vista previa renderizada o una locución. En entornos sin ejecución de vídeo, prepara el código fuente y el material de storyboard claramente etiquetado hasta que la renderización esté disponible. Consulta documentación de skills de Claude.