Teardown skill
A Claude Code skill that builds an offline 3D page of any machine you can take apart, with a recorded video tour.
- 3,401 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- Installation pulls npm dependencies and downloads Chromium, and the skill runs generated build and render code.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/teardownDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Installation pulls npm dependencies and downloads Chromium, and the skill runs generated build and render code.
This is third-party code. Review the repository files before installing.
What it does
Given a question such as how a mechanical watch keeps time, Claude builds a single offline HTML page. The machine runs in the middle, panels around it read real numbers, a button opens the part doing the work, and untouched the page tours itself. Three complete machines ship in the repository: a V8, a Cessna and a Strandbeest. `sims/build.mjs` bundles a machine into one HTML file with three.js and fonts inlined, and `sims/capture.mjs` renders a 60 fps film. `run_sfx.py` produces sound on the film's timeline.
Who it is for. Teachers, engineers and explainer authors who want an interactive 3D model of a device instead of a diagram.
Good fit when
- An engine or watch is better shown with a model than a drawing.
- A lecture needs a page that opens without internet.
- A published piece requires a video tour of the machine.
- You want to see the ready V8, Cessna or Strandbeest examples.
Not a fit when
- You need an exact engineering simulation rather than an illustrative model.
- Node.js 20 and Playwright cannot be installed on the machine.
- A production-ready CAD file is required.
Example request
Build a simulator of a 4-stroke motorcycle engine I can take apart, and record a 20-second video.Limitations
After installing the skill, run `npm install && npx playwright install chromium` once; Node.js 20 or newer is required. Video needs `ffmpeg` and sound needs Python 3. Claude builds the model itself, so detail accuracy depends on the prompt and human review. The project builds on claude-motion, and sound samples come from Freesound under CC0. Chromium and the dependencies take noticeable disk space, and building and rendering the film loads the CPU and GPU. The finished page opens offline, but video takes noticeable time.
How to disable. Delete the skill folder from the Claude Code skills directory (it was installed with `-g`, globally). The `node_modules` folder and the downloaded Chromium can be removed separately.
FAQ
Which examples ship with it?
Three machines: `v8-live`, `cessna-live` and `strandbeest-live`. `node sims/build.mjs` builds each one, with output in `teardown-out/dist`.
What is needed for video and sound?
`ffmpeg` for a 60 fps film and Python 3 for sound. Loudness is mastered to -14 LUFS.
How does the page work?
The model runs in the center, panels read numbers from the simulation, and buttons open parts. If nobody touches it, the page runs a tour.
What license applies?
MIT. Sound samples come from Freesound under CC0, with sources listed in `sfx/samples/SOURCES.md`.
Where do the runtime and rules come from?
From whaleyxbt/claude-motion (MIT): runtime, frame capture, sound engine and review rules. Barty-Bart/motion-graphics prepared the samples.
Discussion
No questions or reviews yet.
Related
SkillsOne line naming a machine, and Claude Code builds an interactive physics-based 3D model of it in a single HTML file
A Claude Code skill for code-made video: it splits a clip into scenes and picks an engine for each, from Paper.js to Manim.
A Claude Code skill that builds motion graphics in code: 21 ready looks, five questions, three approval stills and an MP4 render.
Six Claude Code skills make animation for reels with no footage: graphs, map routes, exploded views and narrated explainers
A Claude skill for story animations drawn live in the browser by code: watercolor, ink wash, scroll and night-book styles.
The skill builds any object as an isometric figure of many parts and renders a reveal film that takes it apart
README in short
The README shows three animated examples, the install command, plain-language prompts and a table of repository contents. Sources for code and sound samples are listed at the end.