一套面向 AI 编程代理的 3D 可视化技能,帮助把创意转化为 Three.js 或 Blender 场景。
elvarofficial/teardown
一个 Claude Code 技能,可将任意机械构建为可拆解的离线 3D 模拟器单页 HTML。
- Star
- 2,534
- Fork
- 387
- 未关闭 Issue
- 0
- 最近提交
- 7天前
这是什么?
teardown 是一个用于讲解机械工作原理的 Claude Code 技能。用户只需描述想了解的机器,例如摩托车发动机或机械手表,Claude 就会把它生成为一个 3D 场景,并打包成一个可离线打开的 HTML 页面。机器本体位于画面中央,周围的面板实时显示计算出的真实数值,点击按钮即可单独突出正在工作的部件。
页面无人操作时会自动播放内置的机器导览。仓库还提供截取工具,可将导览逐帧渲染为 60 fps 的 mp4 视频,或输出成静态图的审阅图表;同时包含程序化音效系统,把声音混合到影片时间轴上。
仓库附带三台完整的示例机器:V8 四冲程发动机、赛斯纳 337 主起落架以及 Strandbeest SB-10 行走机构。安装通过 npx skills add 完成,之后需在项目目录执行一次 npm install 和 Playwright Chromium 安装。运行需要 Node.js 20 及以上版本,生成视频需要 ffmpeg,生成音效需要 Python 3。
核心功能
- 01将机器生成为可交互的 3D 场景,并打包为一个可离线打开的 HTML 文件。
- 02周围面板实时显示模拟计算出的数值。
- 03一键突出正在工作的部件,便于细致观察。
- 04页面闲置时自动播放导览。
- 05可将导览渲染为 60 fps 的 mp4 视频或静态图审阅表。
- 06为影片时间轴生成程序化音效,并统一响度至 -14 LUFS。
适用场景
- 向学生或同事讲解发动机、机构或手表的工作原理。
- 为机械设计制作简短的动画讲解视频。
- 制作可离线分享的机器交互式示意图。
快速上手
- 1
使用 npx 安装该技能
npx skills add elvarofficial/teardown -g -a claude-code - 2
在安装目录中安装依赖和 Chromium
npm install && npx playwright install chromium - 3
构建示例模拟器(生成单个 HTML 页面)
node sims/build.mjs v8-live
使用前须知
- 需要 Node.js 20 或更高版本,以及 Claude Code 来生成新的模拟器。
- 生成视频还需要 ffmpeg,生成声音需要 Python 3。
收录于专题
标签
常见问题
- teardown 是什么?
- 一个 Claude Code 技能,可将任意机械构建为可拆解的离线 3D 模拟器单页 HTML。 teardown 是一个用于讲解机械工作原理的 Claude Code 技能。用户只需描述想了解的机器,例如摩托车发动机或机械手表,Claude 就会把它生成为一个 3D 场景,并打包成一个可离线打开的 HTML 页面。机器本体位于画面中央,周围的面板实时显示计算出的真实数值,点击按钮即可单独突出正在工作的部件。
- teardown 可以免费使用吗?用的什么许可证?
- teardown 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
- teardown 还在维护吗?
- 活跃维护中。teardown 最近一次提交是在 2026年10月31日。
- teardown 适合用来做什么?
- 向学生或同事讲解发动机、机构或手表的工作原理。 为机械设计制作简短的动画讲解视频。 制作可离线分享的机器交互式示意图。
- teardown 怎么安装和运行?
- 使用 npx 安装该技能: npx skills add elvarofficial/teardown -g -a claude-code 在安装目录中安装依赖和 Chromium: npm install && npx playwright install chromium 构建示例模拟器(生成单个 HTML 页面): node sims/build.mjs v8-live
- 在哪里获取 teardown?
- 源代码和安装说明在 GitHub 上:https://github.com/elvarofficial/teardown
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
一套 Claude Code 技能,指导 Claude Opus 5.5 用 HTML、Canvas 或 Remotion 等代码制作、渲染并检查短视频。
交互式 3D 昆虫图鉴,用 TypeScript 与 Three.js 在浏览器中程序化生成 63 种昆虫模型。
社区维护的 Python 数学动画引擎,用代码生成精确的讲解类数学视频。
一个智能体技能,可把课程论点转化为学习者能预测、调整并解释的交互式教学图示。
一个智能体技能,让编程助手把图表、代码对比审阅、计划和表格生成为样式精美的 HTML 页面,替代终端里的 ASCII 字符图。