Repolode
Enviar
elvarofficial

elvarofficial/teardown

Uma skill do Claude Code que cria um simulador 3D interativo e offline de qualquer máquina que você consiga desmontar, em uma única página HTML.

Ver no GitHub
Estrelas
2,145
Forks
332
Issues abertas
0
Último commit
há 6 dias

O que é?

teardown é uma skill do Claude Code para explicar como uma máquina funciona. Diante de um pedido como um motor de motocicleta ou um relógio mecânico, o Claude gera a máquina como uma cena 3D reunida em uma única página HTML offline. A máquina funciona no centro da tela, painéis ao redor exibem seus valores calculados em tempo real e um botão destaca a peça responsável pelo funcionamento.

Quando a página fica sem interação, ela reproduz um tour integrado pela máquina. O repositório também inclui uma ferramenta de captura que renderiza esse tour quadro a quadro em um vídeo mp4 a 60 fps ou em folhas de revisão com imagens estáticas, além de um sistema de som procedural que mistura o áudio na linha do tempo do vídeo.

O repositório inclui três máquinas completas de exemplo: um motor V8 de quatro tempos, o trem de pouso principal de um Cessna 337 e um mecanismo de caminhada Strandbeest SB-10. A instalação usa npx skills add, seguido por uma execução única de npm install e pela configuração do Playwright Chromium. É necessário ter Node.js 20 ou mais recente; para vídeo e som, também são necessários ffmpeg e Python 3.

Recursos principais

  • 01Gera uma máquina como uma cena 3D interativa em um único arquivo HTML offline.
  • 02Painéis ao redor mostram valores calculados pela simulação em tempo real.
  • 03Um botão destaca a peça responsável pelo funcionamento para uma inspeção mais detalhada.
  • 04Reproduz automaticamente um tour guiado quando a página fica sem interação.
  • 05Renderiza o tour em um vídeo mp4 a 60 fps ou em folhas de revisão com imagens estáticas.
  • 06Adiciona som procedural, masterizado a -14 LUFS, à linha do tempo do vídeo.

Casos de uso

  • Explicar a estudantes ou colegas como funciona um motor, mecanismo ou relógio.
  • Produzir um vídeo curto com uma demonstração animada de um projeto mecânico.
  • Criar um diagrama interativo e offline de uma máquina, fácil de compartilhar.

Início rápido

  1. 1

    Instale a skill com npx

    npx skills add elvarofficial/teardown -g -a claude-code
  2. 2

    Na pasta instalada, instale as dependências e o Chromium

    npm install && npx playwright install chromium
  3. 3

    Compile um simulador de exemplo (abre como uma única página HTML)

    node sims/build.mjs v8-live

Antes de usar

  • Para gerar novos simuladores, é necessário ter Node.js 20 ou mais recente e Claude Code.
  • A saída de vídeo também precisa do ffmpeg, e a geração de som precisa do Python 3.

Em coleções

Ferramentas, skills e plugins para Claude CodeBibliotecas de skills para agentes de IAFerramentas de aprendizado e educação de código abertoDiagramas, gráficos e visualizações animadas

Tópicos

#claude-code#agent-skill#3d-simulation#visualization#education#threejs#animation

Perguntas frequentes

O que é teardown?
Uma skill do Claude Code que cria um simulador 3D interativo e offline de qualquer máquina que você consiga desmontar, em uma única página HTML. teardown é uma skill do Claude Code para explicar como uma máquina funciona. Diante de um pedido como um motor de motocicleta ou um relógio mecânico, o Claude gera a máquina como uma cena 3D reunida em uma única página HTML offline. A máquina funciona no centro da tela, painéis ao redor exibem seus valores calculados em tempo real e um botão destaca a peça responsável pelo funcionamento.
teardown é gratuito? Qual é a licença?
teardown é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
teardown ainda é mantido?
Manutenção ativa. O último commit de teardown foi em 31 de out. de 2026.
Para que posso usar teardown?
Explicar a estudantes ou colegas como funciona um motor, mecanismo ou relógio. Produzir um vídeo curto com uma demonstração animada de um projeto mecânico. Criar um diagrama interativo e offline de uma máquina, fácil de compartilhar.
Como instalar teardown?
Instale a skill com npx: npx skills add elvarofficial/teardown -g -a claude-code Na pasta instalada, instale as dependências e o Chromium: npm install && npx playwright install chromium Compile um simulador de exemplo (abre como uma única página HTML): node sims/build.mjs v8-live
Onde consigo teardown?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/elvarofficial/teardown

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados