ArchestackBest of Vibe Coding: List on GitHub ↗ (opens in a new tab)

#340340th of 389 in Skills, plugins and promptsFor image, video and design, 3d, science, health and research

teardown

Claude Code skill that builds explorable 3D machine simulators as single HTML pages

Repository on GitHub ↗ (opens in a new tab)
Stars
3.1k
License
MIT
Last commit
Oct 2026
Language
JavaScript
Stars, last 2 weeks+3,046
27 Oct 2026: 48 stars3 Nov 2026: 1,795 stars10 Nov 2026: 3,094 stars

48 on 27 Oct 20263,094 on 10 Nov 2026

From GitHub's daily star counts.

Checked on GitHub.

Overview

A skill for Claude Code that, given a request like "how does a mechanical watch work", generates an offline HTML page with a running 3D model, panels showing live numbers, and part-level breakdown views. It can also render a scripted tour to a 60 fps mp4 with procedural sound. Three complete example machines are included: a V8 engine, a Cessna and a Strandbeest.

Who it is for: Claude Code users who want interactive 3D explainers of machines

Strengths

  • Output is one offline HTML file with three.js and fonts inlined
  • Includes three complete example machines you can build and open
  • Frame-by-frame capture to 60 fps mp4, with sound mastered to -14 LUFS
  • Installs through npx skills add and is driven by plain-language requests

Weaknesses

  • Requires Claude Code; no standalone use without it
  • Needs Playwright Chromium download and Node.js 20+ setup
  • Video needs ffmpeg and sound needs Python 3 on top
  • Builds on claude-motion, so depends on that project's runtime lineage

What it needs

  • Needs Claude Code, Node.js 20+, Playwright Chromium, ffmpeg (video), Python 3 (sound)
  • Models: Claude

Quick answers

Is teardown open source?

Yes. Its code is on GitHub under the MIT license.

Also in Skills, plugins and prompts

See all 389
Also in Skills, plugins and prompts
RankProjectScore
1claude-memPersistent cross-session memory plugin for Claude Code and other coding agents116.1k stars+16,557 (+17%) in 30 daysApache-2.097 out of 100
2impeccableDesign skill with 24 slash commands for AI coding agents' frontend output Live demo ↗ (opens in a new tab)108k stars+28,186 (+35%) in 30 daysApache-2.097 out of 100
3gstackMarkdown slash-command skills that give Claude Code planning, review, QA and ship roles141.2k stars+5,515 (+4.1%) in 30 daysMIT96 out of 100
#4rufloAgent harness adding swarms, memory and hooks to Claude Code and Codex Live demo ↗ (opens in a new tab)81.5k stars+7,413 (+10%) in 30 daysMIT96 out of 100
#5cavemanShortens coding-agent replies and compresses tool output before the model reads it Live demo ↗ (opens in a new tab)119k stars+8,390 (+7.6%) in 30 daysApache-2.095 out of 100