agentleFS
arbrain-aiarbrain-ai/arbrain/.claude/skills/code-animation/SKILL.md

code-animation

Skill9 starsChanged 6 days agoApache-2.0View on GitHub

Animación y video hechos con código: el modelo genera imagen, música y efectos en la misma línea de tiempo y entrega un MP4, o una pieza viva (un solo HTML que se mueve y se toca en el navegador). Guarda las palabras que desatan al modelo, la vara, el oficio y los principios de animación de Lasseter. Usar ante «haz una animación de X», «hazme un video de X», «un intro», «un comercial», «una animación con código», «un HTML vivo», «que se pueda tocar», «que se explique solo», «sorpréndeme», «code animation», «god animation», «god-animation». Decks y diapositivas: presentaciones. Imágenes sueltas: image-generation.

The file

Files
SKILL.md

code-animation · rieles, no riendas

Lo que más ha asombrado en animación con IA no salió de plantillas ni de un motor obligatorio: salió de una frase con la vara bien alta y libertad total, y de dejar al modelo trabajar sin prisa. Esta skill guarda esas palabras y el oficio para revisar cada ronda. No es un recetario: si le dictas escenas, paleta o herramienta, el resultado baja al techo de lo que tú ya imaginabas.

1. Lo común (léelo siempre)

  • Las palabras que desatan al modelo y la plantilla de encargo → references/invocacion.md
  • La vara viva: se compara contra lo mejor de hoy, nunca contra una pieza vieja → references/vara-viva.md
  • Oficio para ver cada ronda y escribir el empuje de la siguiente → references/oficio.md
  • Principios de Lasseter («más lento, que respire») → references/principios-lasseter.md

2. Elige el medio

MedioCuándoEntrega
Video por código (por defecto)Intro, comercial, explicación de un tema, historia: imagen, música y efectos salen del mismo códigoMP4 1920×1080 con audio
Pieza vivaEl resultado se toca o se recorre en el navegador: un explicable, un panel, un jugueteUn solo HTML sin dependencias → references/piezas-vivas.md
MixtoEl estilo pide personajes o ilustración ricaImágenes de image-generation como capa, compuestas y animadas por código. Solo si el modelo las pide

3. El ciclo

  1. Encargar. Compila el prompt con la anatomía de invocacion.md: identidad, vara heterogénea (un experto, alguien que no sabe nada y un niño), tema abierto, tiempo sin prisa, medio libre y solo restricciones de entrega. No metas tu opinión sobre el contenido; si tu dueño trae una idea de historia, va como tema, no como guion.
  2. Dejar trabajar. Una carpeta propia por pieza dentro del cerebro de tu dueño (sugerencia: contenido/animaciones/<fecha>-<slug>/). Si la máquina tiene ffmpeg, úsalo para el render final; si no, pide permiso para instalarlo antes de empezar.
  3. Ver con ojos, no con el log. Hoja de cuadros: bash .claude/skills/code-animation/scripts/hoja.sh <video> (30 cuadros en una imagen). Sincronía imagen-sonido: python3 .claude/skills/code-animation/scripts/sincronia.py <video> (necesita numpy y librosa; si no están, instálalos en un entorno aparte, nunca en el Python del sistema).
  4. Empujar la vara, no comparar. La ronda siguiente se escribe contra la vara («¿esto deja boquiabierto a un niño y a un experto?»). Las piezas que más asombraron tuvieron varias rondas.
  5. Revisar como animador. Antes de entregar, revisa los cuadros contra los principios de Lasseter y deja una tabla «principio → qué cambió».
  6. Guardar lo aprendido. Si una lección se repite en dos piezas, súbela a oficio.md; si un prompt nuevo funciona, a invocacion.md. Así la skill mejora con cada uso.

Límites

  • Nunca le pongas a una pieza música, voces, logos o imágenes de terceros sin que tu dueño tenga derecho a usarlos. Lo que genera el código es suyo.
  • Decks, diapositivas y clases: presentaciones. Imágenes sueltas o miniaturas: image-generation.
  • Una pieza larga gasta mucho del plan de tu dueño: antes de una sesión de horas, dile en una línea cuánto esperas que tarde y pide su «va».

Download now (ZIP)

Does it work?

Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.

No reviews yet

People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.

  • It worked
  • Partly
  • It didn't
What did you use it for? e.g. Reviewing pull requests in a Rails app

Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.

Your trail

Files you open will collect here, so you can find them again.

Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.

Now do this for your own.

Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.