Una skill para agentes que guía a agentes de programación con IA en la visualización 3D creativa, desde una idea hasta una escena de Three.js o Blender con recetas, kits y captura de fotogramas.
elvarofficial/teardown
Un skill de Claude Code que crea un simulador 3D interactivo y sin conexión de cualquier máquina que se pueda desmontar, en una sola página HTML.
- Estrellas
- 2,534
- Forks
- 387
- Issues abiertos
- 0
- Último commit
- hace 7 días
¿Qué es?
teardown es un skill de Claude Code que explica cómo funciona una máquina. Ante una solicitud, como un motor de motocicleta o un reloj mecánico, Claude genera la máquina como una escena 3D empaquetada en una sola página HTML que funciona sin conexión. La máquina funciona en el centro de la vista, los paneles que la rodean muestran sus valores calculados en tiempo real y un botón aísla la pieza que realiza el trabajo.
Si se deja la página sin interactuar, se reproduce un recorrido integrado por la máquina. El repositorio también incluye una herramienta de captura que renderiza el recorrido fotograma a fotograma como video mp4 a 60 fps o como hojas de revisión con imágenes fijas, y un sistema de sonido procedural que mezcla audio en la línea de tiempo del video.
El repositorio incluye tres máquinas de ejemplo completas: un motor V8 de cuatro tiempos, el tren de aterrizaje principal de un Cessna 337 y un mecanismo andante Strandbeest SB-10. La instalación se hace con npx skills add, seguido de una instalación única de npm y la configuración de Playwright Chromium. Se requiere Node.js 20 o una versión posterior; para video y sonido se necesitan ffmpeg y Python 3.
Funciones clave
- 01Genera una máquina como escena 3D interactiva en un único archivo HTML que funciona sin conexión.
- 02Los paneles que rodean la escena muestran valores calculados en tiempo real a partir de la simulación.
- 03Un botón aísla la pieza que realiza el trabajo para examinarla con más detalle.
- 04Reproduce un recorrido guiado automático cuando la página queda inactiva.
- 05Renderiza el recorrido como video mp4 a 60 fps o como hojas de revisión con imágenes fijas.
- 06Añade sonido procedural masterizado a -14 LUFS en la línea de tiempo del video.
Casos de uso
- Explicar a estudiantes o colegas cómo funciona un motor, un mecanismo o un reloj.
- Producir un breve video animado que muestre el funcionamiento de un diseño mecánico.
- Crear un diagrama interactivo de una máquina que se pueda compartir y usar sin conexión.
Inicio rápido
- 1
Instala la skill con npx
npx skills add elvarofficial/teardown -g -a claude-code - 2
Instala las dependencias y Chromium en la carpeta instalada
npm install && npx playwright install chromium - 3
Compila un simulador de ejemplo (se abre como una sola página HTML)
node sims/build.mjs v8-live
Antes de usarlo
- Para generar simuladores nuevos, se necesita Node.js 20 o posterior y Claude Code.
- La salida de vídeo también requiere ffmpeg, y la generación de sonido requiere Python 3.
En colecciones
Temas
Preguntas frecuentes
- ¿Qué es teardown?
- Un skill de Claude Code que crea un simulador 3D interactivo y sin conexión de cualquier máquina que se pueda desmontar, en una sola página HTML. teardown es un skill de Claude Code que explica cómo funciona una máquina. Ante una solicitud, como un motor de motocicleta o un reloj mecánico, Claude genera la máquina como una escena 3D empaquetada en una sola página HTML que funciona sin conexión. La máquina funciona en el centro de la vista, los paneles que la rodean muestran sus valores calculados en tiempo real y un botón aísla la pieza que realiza el trabajo.
- ¿teardown es gratuito? ¿Qué licencia tiene?
- teardown es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿teardown sigue mantenido?
- Mantenimiento activo. El último commit de teardown fue el 31 oct 2026.
- ¿Para qué puedo usar teardown?
- Explicar a estudiantes o colegas cómo funciona un motor, un mecanismo o un reloj. Producir un breve video animado que muestre el funcionamiento de un diseño mecánico. Crear un diagrama interactivo de una máquina que se pueda compartir y usar sin conexión.
- ¿Cómo se instala teardown?
- Instala la skill con npx: npx skills add elvarofficial/teardown -g -a claude-code Instala las dependencias y Chromium en la carpeta instalada: npm install && npx playwright install chromium Compila un simulador de ejemplo (se abre como una sola página HTML): node sims/build.mjs v8-live
- ¿Dónde consigo teardown?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/elvarofficial/teardown
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Una skill de Claude Code que guía a Claude Opus 5.5 para planificar, crear, renderizar y revisar videos cortos escritos como código HTML, Canvas, SVG, Three.js, GSAP o Remotion.
Guía de campo interactiva en 3D sobre 63 especies de insectos, modeladas de forma procedural en el navegador con TypeScript y Three.js, sin archivos de modelos.
Un motor de Python mantenido por la comunidad para crear animaciones matemáticas y videos explicativos precisos y programáticos.
Una skill para agentes que convierte una afirmación de una lección en una figura interactiva donde los estudiantes predicen, cambian una causa y explican un caso nuevo.
Una skill para agentes que hace que los agentes de programación presenten diagramas, revisiones de diff, planes y tablas en páginas HTML con estilo, en lugar de arte ASCII.