O que é teardown?
O teardown é uma skill do Claude Code para explicar como máquinas funcionam. Peça um simulador de motor de moto ou de relógio mecânico e o Claude constrói uma única página HTML offline com three.js: a máquina funciona no centro, painéis ao redor mostram números ao vivo do mesmo modelo, botões isolam ou cortam cada subsistema, e a página faz um tour sozinha quando ninguém mexe. O mesmo código renderiza, quadro a quadro, um MP4 a 60 fps com trilha sonora procedural.
O SKILL.md define o método: partir de uma referência real, usar dimensões reais, mover cada peça a partir de uma única entrada, como o ângulo do virabrequim, e revisar folhas de quadros estáticos renderizados antes de dar uma máquina por pronta. Vem com três exemplos completos: um V8 cross-plane, o trem de pouso principal dobrável de um Cessna 337 e um Strandbeest de 20 pernas cujas articulações são resolvidas a partir dos 11 comprimentos de barra de Jansen.
O runtime, a captura de quadros, o motor de som e as regras de revisão vêm do whaleyxbt/claude-motion, que o README credita. A instalação é npx skills add elvarofficial/teardown, depois npm install e o Chromium do Playwright; Node 20+, com ffmpeg e Python 3 para vídeo e som. MIT.
teardown vale a pena?
O valor real do teardown está nos exemplos e nas regras, mais do que na automação. O V8 segue a ordem de ignição 1-8-4-3-6-5-7-2 com um modelo de pressão na câmara, o trem do Cessna gira exatamente 180 graus a partir de uma cremalheira de 201 mm sobre um pinhão de 32 dentes, e o solucionador de articulações do Strandbeest tem 67 linhas. Cada um é dividido do mesmo jeito: matemática pura em um arquivo, geometria em outro, uma sobreposição de console, um filme roteirizado e uma página ao vivo, então uma máquina nova tem um modelo claro para copiar.
O SKILL.md vale a leitura mesmo sem a skill. Ele insiste em construir a partir de uma foto ou de um desenho em corte, em unidades reais, em uma única entrada movendo tudo para que vídeo, página e som nunca se desalinhem, e no Claude revisando quadros estáticos em mosaico, porque ele não consegue assistir a vídeos. Também registra armadilhas concretas do three.js encontradas no Windows e mantém as páginas abaixo de 1 MB para que as prévias de link funcionem.
O porém: a distância entre a demo e o resultado. A abelha, o escorpião e o polvo robóticos mostrados no README não estão no repositório, e uma issue aberta relata resultados bem menos detalhados que as demos. Outras issues abertas relatam um caminho fixo do ffmpeg no código de som, captura que expira no macOS porque o Chromium headless não recebe WebGL, um path traversal no sheet.mjs, e legendas sem escape vindas de ?config= chegando ao innerHTML nas páginas geradas, o que importa se você as hospedar.
É um projeto de dois dias de um único autor: criado em 30 de outubro de 2026, dois commits, nenhum release, 2.123 estrelas. Ao lado do claude-motion, seu toolkit de origem para motion design em geral, o teardown é mais estreito e mais adequado a mecanismos, mas você herda o runtime do claude-motion sem um vínculo com o upstream para acompanhar as correções dele.
Onde ele se destaca
Um professor de engenharia mecânica
Mostrar aos alunos como as válvulas e os pistões de um motor de quatro tempos se movem juntos
Construa o exemplo V8 incluído ou peça ao Claude uma versão de um cilindro baseada nele; a página roda offline na sala de aula e os modos de corte vidro, seção e sólido mostram o ciclo.
Um redator de marketing técnico em um fabricante de equipamentos industriais
Produzir um vídeo explicativo de 20 segundos sobre o mecanismo de um produto
Peça ao Claude para construir a máquina a partir dos desenhos CAD do produto; depois o capture.mjs renderiza quadros de 1920 x 1080 em MP4 e o run_sfx.py adiciona som masterizado a -14 LUFS. Conte com várias rodadas de revisão.
Um desenvolvedor escrevendo um post de blog sobre mecanismos articulados
Incorporar um modelo interativo que os leitores possam controlar
Parta do solucionador de articulações e do cenário do exemplo Strandbeest, troque os comprimentos das barras e publique o arquivo HTML único. Faça o escape de qualquer legenda passada pela URL até que a issue de injeção aberta seja corrigida.
Antes de decidir
- Configuração
- npx skills add elvarofficial/teardown -g -a claude-code, depois npm install e npx playwright install chromium na pasta da skill; Node 20+, ffmpeg para vídeo, Python 3 para som. node sims/build.mjs v8-live gera uma página de exemplo.
- Integrações
- Skill do Claude Code; three.js, esbuild e Chromium do Playwright; ffmpeg para codificação; som procedural em Python com amostras CC0 do Freesound.
- Dados e privacidade
- Tudo é renderizado localmente e as páginas são totalmente offline; nada é enviado além da sua sessão do Claude Code. MIT.
- Custo em escala
- Não publicado; cada máquina custa uso do Claude Code para a construção e as rodadas de revisão, e a renderização exige um navegador com GPU.
- Limites
- 9 issues abertas, incluindo injeção de script via ?config= nas páginas geradas e path traversal no sheet.mjs; GPUs integradas podem cair para 15 fps segundo o SKILL.md; Codex e outros agentes não documentados.
O que é bom
- Três máquinas de exemplo completas e fisicamente fundamentadas
- Estrutura de arquivos clara por máquina para copiar
- Uma página HTML offline abaixo de 1 MB por máquina
- A mesma linha do tempo move página, vídeo e som
- Ciclo de revisão baseado em folhas de quadros que o Claude consegue ler
O que não é
- Demos do README não incluídas; resultado relatado como menos detalhado
- Issues de segurança abertas nas páginas geradas e no sheet.mjs
- Problemas relatados de captura no macOS e de caminho do ffmpeg
- Autor único, dois commits, nenhum release
Ideal para
Engenheiros, professores e redatores técnicos que usam o Claude Code e querem explicações interativas em corte de mecanismos reais, e estão dispostos a iterar além do primeiro rascunho.
Alternativas ao teardown
teardown: perguntas frequentes
- teardown vale a pena?
- Três máquinas de exemplo excelentes e um método sólido para construir outras, embora o que o Claude produz a partir de um pedido de uma linha provavelmente fique abaixo das demos. Damos nota 3.5 de 5.
- Quanto custa teardown?
- Gratuito sob MIT. Construir uma máquina consome seu plano do Claude Code ou uso de API; a renderização roda localmente.
- Quais são as desvantagens de teardown?
- Demos do README não incluídas; resultado relatado como menos detalhado; issues de segurança abertas nas páginas geradas e no sheet.mjs; problemas relatados de captura no macOS e de caminho do ffmpeg; autor único, dois commits, nenhum release.
- Para quem teardown é indicado?
- Engenheiros, professores e redatores técnicos que usam o Claude Code e querem explicações interativas em corte de mecanismos reais, e estão dispostos a iterar além do primeiro rascunho.
- Quanto custa teardown para uma equipe ou em produção?
- Não publicado; cada máquina custa uso do Claude Code para a construção e as rodadas de revisão, e a renderização exige um navegador com GPU.
- teardown é seguro para dados da empresa?
- Tudo é renderizado localmente e as páginas são totalmente offline; nada é enviado além da sua sessão do Claude Code. MIT.
- Quais são as melhores alternativas ao teardown?
- As alternativas mais próximas que analisamos são Anatomy e motionmaxxing.
Respostas verificadas em 5 de nov. de 2026.