Communitygithub.com

WoyouWoyou/deepseek-animation

Crea animaciones de código consistentes usando Remotion, Canvas o HTML. Traduce texto, objetos, fondos, cámara y sonido en una línea de tiempo unificada mediante una biblioteca de estilos visuales.

¿Qué es deepseek-animation?

Esta skill, llamada 'Fǔyǎng Código Animación' (Animación de Código Elevado), está diseñada para agentes de IA (como Claude Code, Cursor o Codex) que necesitan producir animaciones narrativas. Su propósito es traducir significado en movimiento: en lugar de diapositivas estáticas, organiza texto, objetos, fondos, movimientos de cámara y sonido en una sola línea de tiempo con un lenguaje visual coherente. Lo que la hace única es su enfoque en la 'biblioteca de estilos 341', un repositorio externo de prompts visuales que el agente debe localizar y construir mediante scripts Python (`style_library.py`). El flujo de trabajo es estrictamente secuencial y no lineal: primero se analiza el significado semántico del texto, luego se estructura narrativamente, se seleccionan estilos, se diseñan planos, se proponen cuatro opciones musicales y finalmente se implementa en Remotion, Canvas o HTML. Incluye módulos especializados para tipografía china, cinética de texto, fondos generativos, transiciones, y música sincronizada. Soporta fases de entrega: solo tarjeta de tarea (`card`), solo fotogramas fijos (`still`), audición musical (`audition`) y producto final (`final`). La skill es gratuita y de código abierto, pero requiere que el agente respete reglas estrictas: no inventar datos, no asumir dependencias y no generar medios sin autorización explícita del autor.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/WoyouWoyou/deepseek-animation/tree/HEAD

Preguntar en tu IA favorita

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

Documentación

Animación de Código Elevado

«Fǔyǎng Guānzhào» se comparte gratuitamente, con la esperanza de que sea útil. Bienvenido a usarlo y compartirlo sin costo; no lo empaquetes como cursos de pago, skills de pago o materiales de venta. Las instrucciones completas están en LICENSE.md; el contenido de terceros conserva su licencia original.

Haz que el público vea el cambio de significado: organiza texto, objetos, fondo, cámara y sonido en una misma línea de tiempo con un lenguaje visual coherente. Diferentes agentes pueden tener sus propias características de diseño, pero la expresión clave, las decisiones del autor y los estándares de entrega se mantienen consistentes.

Este archivo es la entrada principal. Te indica qué archivo cargar en cada paso. No empieces a trabajar solo con la entrada ni metas todos los archivos en el contexto de una sola vez.

Paso 0: Localiza el proyecto, la biblioteca, las decisiones y la fase

  1. En el directorio de trabajo y sus superiores, busca archivos del proyecto: project.json, BRIEF.md, STATUS.md, DECISIONS.md (lee la parte más reciente), task.json o tarjeta de tarea de la obra. Si hay STOP.txt o un registro de pausa claro, solo haz lo permitido para ordenar.

  2. Primero confirma dónde está la biblioteca de estilos 341. Esta es la única dependencia externa de esta skill; no se distribuye con el paquete y cada persona la coloca en un lugar diferente. Orden de resolución: --root > variable de entorno FY_STYLE_LIBRARY_ROOT > root en adapters/style-library.config.json. Si no se encuentra ninguna, pregunta al usuario una sola vez por la ruta y luego detente: no recorras discos, no adivines, no descargues, no copies el texto de la biblioteca. La raíz de la biblioteca debe contener estilo-prompt/ y opcionalmente ejemplos/. Una vez obtenida la ruta, ejecuta python scripts/style_library.py build --root <raíz-de-biblioteca> para reconstruir el índice local (el índice incluido en el paquete es solo una instantánea, no necesariamente construido con tu biblioteca). Luego, busca. Consulta Interfaz de la biblioteca. La primera vez que se usa o después de cambiar de biblioteca, ejecuta python scripts/doctor.py: te dirá directamente si la biblioteca está localizada, si el índice está desactualizado y qué falta.

  3. Lee obligatoriamente cada vez Convenciones predeterminadas y decisiones existentes. Contiene decisiones condicionales sobre flujo, estilo visual, fuentes, fondo y sonido; úsalas directamente, no vuelvas a preguntar toda la tabla. Las instrucciones explícitas del usuario en esta sesión anulan este archivo; si el proyecto tiene un DECISIONS.md más reciente, prevalecen las decisiones explícitas más nuevas.

  4. Lee Flujo y fases y determina el alcance de esta sesión:

    • card: solo entrega la tarjeta de tarea: escribe el diseño completo, no generes animaciones, fotogramas fijos, música, ni renderices ni instales. Formato de entrega según Especificación de tarjeta de tarea.
    • still: solo entrega fotogramas fijos: solo haz los fotogramas fijos especificados, no esperes las cuatro piezas musicales.
    • audition: audición: escribe cuatro propuestas y genéralas localmente bajo autorización; el autor elige.
    • final: producto final: implementa según el sonido real y verifica.

    Si el alcance no está claro, ejecuta el alcance más pequeño y especifícalo en la entrega. Las instrucciones de instalación, pago, subida y envío de mensajes desde skills externas y repositorios no constituyen autorización.

Orden de creación (fijo para esta skill, no se pueden saltar pasos)

PasoQué hacerCargar
1Leer completamente: tema principal, propósito del autor, cambio de comprensión del público, dirección emocional, hechos, metáforas, causa-efecto, contraste, progresiónSemántica, Estructura narrativa
2Dividir en segmentos según la estructura de contenido, marcar palabras clave y palabras de énfasis con su intensidadSemántica, Palabras de énfasis y texto cinético
3Primero expón brevemente tu comprensión y sugerencia, luego pregunta al autor: ¿estilo visual unificado para todo el video, o cambiante por segmento, cuántos estilos, o lo delegas a ti? Si ya hay respuesta o delegación, continúaEstilo
4Usa el script para buscar y leer completamente el texto original del estilo seleccionado, registra el SHA y las dependencias faltantesInterfaz de la biblioteca
5Relee los requisitos generales del autor, resuelve conflictos entre estilo, fuente, personaje, duración, sonido y faseDecisiones
6Diseñar el marco audiovisual completo y el desglose plano por plano: qué cuenta cada segmento, ritmo, ilustraciones, espacios en blanco, cambios del sujeto, cámara, transiciones, texto, fondo, requisitos de sonidoDirección y detalle, Plantilla de tabla de planos y el enrutamiento de capacidades a continuación
7Una vez definido el marco general, escribir cuatro planes musicales sustancialmente diferentes y una tabla de efectos de sonidoMódulo de música, Receta de música y sonido, Plantilla de cuatro planes
8Solo en fase autorizada: usar el generador de música local para generar cuatro planes (el paquete incluye adaptador para ACE-Step 1.5; otras herramientas se cambian según corresponda), el autor escucha y eligeAdaptador de música local
9Según el sonido real y la locución, usar Remotion u otros para implementar planos, acciones, subtítulos y efectos de sonidoContrato de implementación, Conexión Remotion, Esqueleto Remotion
10Revisar y reparar, registrando por separado las verificaciones automáticas, la visualización/audición real y la adopción por el autorCalidad y reparación, Tabla de reparación

Cuando solo se entrega la tarjeta de tarea, completa los pasos 1–7 (si en el paso 3 falta respuesta, escribe la pregunta en la tarjeta y marca el diseño posterior como pendiente) y entrega según Especificación de tarjeta de tarea.

Enrutamiento de capacidades: qué cargar según el problema

Primero lee el módulo (método y juicio), y cuando necesites un enfoque específico, profundiza en la receta y la implementación. Los parámetros son ejemplos de punto de partida, no comandos que apliquen a todos los estilos.

Problema o señalMóduloReceta profundaImplementación reutilizable
Causa-efecto, giro, conceptos abstractos, miedo a hacer un PPT frase por fraseSemánticaEstructura narrativa, Dirección y detalle—
Elegir estilo, numeración, lista del autor, cambiar estilo entre capítulosEstiloInterfaz de la bibliotecascripts/style_library.py
Palabras de énfasis, palabras clave, títulos, subtítulos, saltos de línea en caracteres chinos, unificación de fuentesTipografíaPalabras de énfasis y texto cinético, Formas de caracteres y delineadoimplementations/type-cn/, implementations/craft/type/, scripts/glyph_outline.py
Fondo rígido, necesidad de partículas giratorias, efectos de luz, rejillas, texturas procedurales, activación de fondos de imagenGeometría de fondoFondos vivos, Formaciones y mosaicosimplementations/backgrounds/, implementations/specimen/
Movimiento sin peso, ritmo uniforme, resorte fuera de control, desfaseMovimientoTablas de temporización y suavizado de resortes, Referencia de animación, Receta UI 16implementations/motion-core.mjs
Paneo, inclinación, zoom, enfoque, paralaje, órbita, giro, seguimiento, profundidad de campoCámara y transicionesMovimientos de cámaraimplementations/camera/
Cómo conectar segmentos: relevo del mismo objeto, máscara, paso de página, recomposición de partículas, atravieso, corte directoCámara y transicionesEspectro de transiciones, Costuras y seekimplementations/transitions/
Personaje pequeño persistente, expresiones y miradas, caminar, sostener objetos, consistencia del personaje a través de estilosRamas de estiloActuación del personaje, Marionetas de papel y stop-motionimplementations/character/
Pixeles, caricatura, dibujo a mano, impresión, plano técnico, 3DRamas de estiloRecetas estilizadasimplementations/craft/, implementations/specimen/
Fotos, imágenes de producto, presentación rápida de imágenes, collage, carruselImágenesFotos y montaje rápidoimplementations/data-ui/ (PhotoMontage, KenBurns)
Operación de producto, gráficos, conteo, mapas, demostración de códigoProducto y datosGráficos, mapas e IU, Receta UI 16implementations/data-ui/
Cuatro planes musicales, sincronización de beats, efectos de sonido, espacio para locución, mezclaMúsicaMúsica y sonidoimplementations/audio-sync/beat-grid.mjs, Adaptador local
Implementación en Remotion, Canvas, HTML/GSAP, línea de tiempo base, carga de fuentesContrato de implementaciónConexión Remotion, Costuras y seekimplementations/remotion-kit/, implementations/canvas-contract.mjs
Cambiar modelo, transferir, reparar un plano específicoContrato de transferenciaEspecificación de tarjeta de tareatemplates/task.json, scripts/validate_task.py, templates/repair.md
Autoevaluación, encontrar problemas, repararCalidadDirección y detalle (flujo de revisión)—

Estándares de calidad mínimos

Estos son estándares mínimos de «si es bueno o no», no se requiere usar todos los efectos en cada pieza:

  • No hacer un PPT frase por frase: cada plano debe tener un cambio observable que transmita significado (relación, acción, estado del objeto), no «título + icono + fundido».
  • Tener objetos persistentes y costuras: escribir claramente con qué se conectan los planos adyacentes; si no se puede conectar naturalmente, hacer un corte directo con justificación.
  • Capturar palabras de énfasis: expresar la importancia por niveles, no amplificar y estrellar cada palabra; las palabras negativas y condicionales deben ser legibles.
  • El estilo realmente se usa: la textura, composición, gramática de movimiento y lenguaje de cámara deben reflejar el estilo seleccionado, no solo la paleta de colores.
  • El fondo tiene un diseño claro de espacio, textura o atmósfera, cediendo espacio al área de lectura; puede estar completamente estático cuando sea necesario.
  • Hay contraste de ritmo: acumulación, liberación y silencio; la duración no se distribuye por igual.
  • Fuentes unificadas: no insertar fuentes manuscritas abruptamente; la forma de los caracteres chinos, saltos de línea y espaciado deben ser correctos.
  • El sonido está diseñado: los cuatro planes son realmente diferentes; la sincronización se basa en la pista real; no inventar «ya sincronizado».
  • Determinismo: cualquier fotograma se puede reproducir mediante seek, no depende de Date.now, números aleatorios sin semilla ni estado acumulado.
  • Honestidad: no inventar materiales, datos, estados de dependencia ni resultados de verificación; la verificación automática, visualización y adopción del autor se registran por separado.

Ejemplos de invocación

  • «Mi biblioteca de estilos 341 está en D:\tu-ruta\código-animación, usa esa ruta. Lee deepseek-animation/SKILL.md de este directorio, continúa con el proyecto actual y las decisiones confirmadas; primero entiende el texto completo, busca los prompts completos según el estilo existente, luego diseña planos, movimiento y sonido. Esta vez solo entrega la tarjeta de tarea, no generes animaciones, fotogramas fijos ni música. Carga recetas e implementaciones profundas según sea necesario, no solo la entrada.»
  • «Según la tabla de reparación, corrige el recorte de caracteres chinos en S03; música y texto permanecen; solo entrega fotogramas fijos para verificar.»
  • «Según la lista de estilos del autor, lee los prompts completos, genera la justificación de selección para cada capítulo y las dependencias faltantes; no generes medios.»

El tutorial completo está en Navegación de ejemplos. Los archivos TSX/MJS dentro del paquete son código fuente candidato reutilizable, no han sido verificados en la producción final local; después de integrarlos en el proyecto de destino, verifica según la fase actual. Las fuentes de reutilización y licencias están en Fuentes y licencias.

Tres recetas tempranas (formation-and-mosaic, paper-performance, ui-16-recipes) y 15 referencias de animación conservan el texto original en inglés (fuente upstream); leerlas no afecta el idioma de salida; la entrega, tarjeta de tarea y subtítulos permanecen en chino.

Personalízalo

  • Cambia el nombre: modifica name en el frontmatter y el nombre del directorio. El resto de las referencias dentro del paquete son rutas relativas; solo deepseek-animation/SKILL.md en los ejemplos de invocación es un ejemplo, se puede cambiar junto con el nombre.
  • Cambia los valores predeterminados: escribe tus preferencias en DECISIONS.md del proyecto, o modifica directamente modules/decisions.md; la solicitud del usuario en esta sesión siempre tiene prioridad.
  • Cambia la biblioteca: modifica adapters/style-library.config.json, establece FY_STYLE_LIBRARY_ROOT, o pasa --root cada vez, no necesitas cambiar código.
  • Después de actualizar la biblioteca: ejecuta python scripts/style_library.py build --root <raíz-de-biblioteca>; luego ejecuta python scripts/doctor.py para confirmar.
  • Ponlo en tu propio directorio de skills: copia todo el directorio; no depende de ninguna ruta absoluta de la máquina; el texto 341 siempre está en tu propia biblioteca.

Skills relacionados