¿Qué es teardown?
teardown es una skill de Claude Code para explicar cómo funcionan las máquinas. Pide un simulador de un motor de moto o de un reloj mecánico y Claude construye una sola página HTML offline con three.js: la máquina funciona en el centro, los paneles alrededor muestran cifras en vivo del mismo modelo, los botones aíslan o seccionan cada subsistema y la página hace una visita guiada sola cuando nadie la toca. El mismo código renderiza fotograma a fotograma un MP4 a 60 fps con banda sonora procedural.
El SKILL.md fija el método: partir de una referencia real, usar dimensiones reales, mover cada pieza desde una sola entrada, como el ángulo del cigüeñal, y revisar hojas de fotogramas renderizados antes de dar una máquina por terminada. Incluye tres ejemplos completos: un V8 cross-plane, el tren de aterrizaje principal plegable de un Cessna 337 y un Strandbeest de 20 patas cuyas articulaciones se resuelven a partir de las 11 longitudes de barra de Jansen.
El runtime, la captura de fotogramas, el motor de sonido y las reglas de revisión proceden de whaleyxbt/claude-motion, al que el README da crédito. Se instala con npx skills add elvarofficial/teardown, después npm install y el Chromium de Playwright; Node 20+, con ffmpeg y Python 3 para vídeo y sonido. MIT.
¿Merece la pena teardown?
El valor real de teardown está en sus ejemplos y sus reglas, no en la automatización. El V8 sigue el orden de encendido 1-8-4-3-6-5-7-2 con un modelo de presión en la cámara, el tren del Cessna gira exactamente 180 grados con una cremallera de 201 mm sobre un piñón de 32 dientes, y el solucionador de barras del Strandbeest ocupa 67 líneas. Todos se dividen igual: matemáticas puras en un archivo, geometría en otro, una superposición de consola, una película con guion y una página en vivo, de modo que una máquina nueva tiene una plantilla clara que copiar.
El SKILL.md merece la lectura incluso sin la skill. Insiste en construir a partir de una foto o un dibujo en corte, en unidades reales, en que una sola entrada lo mueva todo para que vídeo, página y sonido nunca se desfasen, y en que Claude revise fotogramas en mosaico porque no puede ver vídeo. También recoge trampas concretas de three.js encontradas en Windows y mantiene las páginas por debajo de 1 MB para que funcionen las vistas previas de enlaces.
La pega: la distancia entre la demo y el resultado. La abeja, el escorpión y el pulpo robóticos que aparecen en el README no están en el repositorio, y un issue abierto informa de resultados mucho menos detallados que las demos. Otros issues abiertos señalan una ruta de ffmpeg fija en el código de sonido, capturas que agotan el tiempo en macOS porque Chromium headless no obtiene WebGL, un path traversal en sheet.mjs y leyendas sin escapar procedentes de ?config= que llegan a innerHTML en las páginas generadas, lo que importa si las alojas.
Es un proyecto de dos días de un solo autor: creado el 30 de octubre de 2026, dos commits, ninguna release, 2.123 estrellas. Al lado de claude-motion, su kit padre para motion design general, teardown es más estrecho y se adapta mejor a mecanismos, pero heredas el runtime de claude-motion sin un vínculo upstream para seguir sus correcciones.
Dónde se gana su sitio
Un profesor de ingeniería mecánica
Mostrar a los alumnos cómo se mueven juntas las válvulas y los pistones de un motor de cuatro tiempos
Construir el ejemplo V8 incluido o pedir a Claude una versión monocilíndrica basada en él; la página funciona offline en clase y los modos de corte vidrio, sección y sólido muestran el ciclo.
Un redactor de marketing técnico en un fabricante de equipos industriales
Producir un vídeo explicativo de 20 segundos sobre un mecanismo del producto
Pedir a Claude que construya la máquina a partir de los planos CAD del producto; después capture.mjs renderiza fotogramas de 1920 x 1080 a MP4 y run_sfx.py añade sonido masterizado a -14 LUFS. Cuenta con varias rondas de revisión.
Un desarrollador que escribe un artículo de blog sobre mecanismos de barras
Insertar un modelo interactivo que los lectores puedan manejar
Partir del solucionador de barras y el escenario del ejemplo Strandbeest, cambiar las longitudes de barra y publicar el único archivo HTML. Escapa cualquier leyenda pasada por URL hasta que se corrija el issue de inyección abierto.
Antes de decidirte
- Puesta en marcha
- npx skills add elvarofficial/teardown -g -a claude-code, después npm install y npx playwright install chromium en la carpeta de la skill; Node 20+, ffmpeg para vídeo, Python 3 para sonido. node sims/build.mjs v8-live construye una página de ejemplo.
- Integraciones
- Skill de Claude Code; three.js, esbuild y Playwright Chromium; ffmpeg para codificar; sonido procedural en Python con muestras CC0 de Freesound.
- Datos y privacidad
- Todo se renderiza en local y las páginas funcionan totalmente offline; no se envía nada más allá de tu sesión de Claude Code. MIT.
- Coste a escala
- No publicado; cada máquina cuesta uso de Claude Code para la construcción y las rondas de revisión, y el renderizado necesita un navegador con GPU.
- Límites
- 9 issues abiertos, entre ellos inyección de scripts vía ?config= en las páginas generadas y path traversal en sheet.mjs; las GPU integradas pueden bajar a 15 fps según el SKILL.md; Codex y otros agentes no están documentados.
Lo bueno
- Tres máquinas de ejemplo completas y con base física
- Estructura de archivos clara por máquina para copiar
- Una página HTML offline de menos de 1 MB por máquina
- La misma línea de tiempo mueve página, vídeo y sonido
- Ciclo de revisión basado en hojas de fotogramas que Claude puede leer
Lo malo
- Las demos del README no están incluidas; resultados menos detallados según usuarios
- Issues de seguridad abiertos en las páginas generadas y en sheet.mjs
- Problemas reportados de captura en macOS y de ruta de ffmpeg
- Un solo autor, dos commits, ninguna release
Ideal para
Ingenieros, docentes y redactores técnicos que usan Claude Code, quieren explicaciones interactivas en corte de mecanismos reales y están dispuestos a iterar más allá del primer borrador.
Alternativas a teardown
teardown: preguntas frecuentes
- ¿Merece la pena teardown?
- Tres máquinas de ejemplo excelentes y un método sólido para construir más, aunque lo que Claude produce a partir de una petición de una línea probablemente quede por debajo de las demos. Le damos un 3.5 sobre 5.
- ¿Cuánto cuesta teardown?
- Gratis bajo MIT. Construir una máquina consume tu plan de Claude Code o uso de API; el renderizado se hace en local.
- ¿Qué inconvenientes tiene teardown?
- Las demos del README no están incluidas; resultados menos detallados según usuarios; issues de seguridad abiertos en las páginas generadas y en sheet.mjs; problemas reportados de captura en macOS y de ruta de ffmpeg; un solo autor, dos commits, ninguna release.
- ¿Para quién es teardown?
- Ingenieros, docentes y redactores técnicos que usan Claude Code, quieren explicaciones interactivas en corte de mecanismos reales y están dispuestos a iterar más allá del primer borrador.
- ¿Cuánto cuesta teardown para un equipo o en producción?
- No publicado; cada máquina cuesta uso de Claude Code para la construcción y las rondas de revisión, y el renderizado necesita un navegador con GPU.
- ¿Es teardown seguro para los datos de la empresa?
- Todo se renderiza en local y las páginas funcionan totalmente offline; no se envía nada más allá de tu sesión de Claude Code. MIT.
- ¿Cuáles son las mejores alternativas a teardown?
- Las alternativas más cercanas que hemos analizado son Anatomy y motionmaxxing.
Respuestas comprobadas el 5 nov 2026.