ClaudeMap

teardown

一个把任何机器变成可拆解 3D 模拟器的 Claude Code skill——单个离线 HTML 页面:机器在中间运转,四周面板显示真实数值,一个按钮就能打开正在做功的那部分。

技能与命令skill3dthreejseducation

teardown 是一个用「把机器造出来」来回答「X 是怎么工作的」的 Claude Code skill。用大白话提问,它就会产出一个离线 HTML 页面:3D 模型在中间运转,四周每个面板都显示真实数值,一个按钮打开正在做功的部件,没人操作时页面会自己导览。仓库自带三台完整机器作参考——一台 V8 发动机、一架 Cessna 与一只 Strandbeest——每台有三种形态:-shared 是机器本体,-live 是你驱动的页面,-film 是录制好的导览片。sims/build.mjs 把机器打包成内联 three.js 与字体的单个 HTML 文件;sims/capture.mjs 逐帧渲染成 60 fps mp4 或静帧评审表;run_sfx.py 在影片时间轴上铺程序化音效,以 CC0 Freesound 素材母带处理到 −14 LUFS。运行时、逐帧采集、声音引擎与评审规则来自 whaleyxbt/claude-motion(MIT),teardown 在开头就注明了这一点。需要 Node.js 20 或更高版本;视频要 ffmpeg,声音要 Python 3。MIT 许可。

它做什么

  • 每台机器一个离线 HTML 页面——three.js 与字体由 sims/build.mjs 内联,无需部署任何东西
  • 为拆解而生——机器在中间运转,四周面板显示真实数值,一个按钮打开正在做功的部件
  • 闲置时自动导览——没人操作,页面会自己走完机器的每个部分
  • 逐帧精确的影片导出——sims/capture.mjs 渲染成 60 fps mp4,或静帧评审表
  • 内置三台完整机器——一台 V8 发动机、一架 Cessna 与一只 Strandbeest,每台都有机器本体、可驱动页面与录制影片三种形态

什么时候用

任何「X 是怎么工作的」都能变成模拟器,用 README 自己的例子说:造一台可拆解的四冲程摩托车发动机、演示机械表如何走时、或者给液压挖掘机臂做一个 teardown 并录成 20 秒视频。内置的三台机器兼任风格参考——不写任何提示词,node sims/build.mjs cessna-live 就能打开一台。

如何上手

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

# 然后在安装目录里执行一次:
npm install && npx playwright install chromium

# 驱动内置三台机器之一:
node sims/build.mjs v8-live

需要 Node.js 20 或更高版本;视频要 ffmpeg,声音要 Python 3。

注意事项

README 刻意写得简短——teardown 创建于 2026-10-30(撰稿时 349 星),文档比产出薄;三台内置机器就是「什么能跑」的实测基准。它构建在 whaleyxbt/claude-motion(MIT)之上,运行时、逐帧采集、声音引擎与评审规则都来自那里;录制音效是 Freesound 的 CC0 素材,由 Barty-Bart/motion-graphics 整理。不加 -a claude-code 也没问题——skills CLI 只是会多问一句要给哪个 agent 安装。

代码仓库

elvarofficial/teardown

收录日期

地图上的相关资源

  • SureForge

    技能

    纯指令式 skill:让 agent 先调研再提问、先规划再动手、先验证再说「做完了」。

    • workflow
    • verification
    • quality
    • skill
  • 归藏的 Agent Skill:把代码库的最近更新做成一支成片宣传片——接真实组件、代码渲染动画、代码写配乐,全程不碰视频剪辑软件。

    • agent-skill
    • video
    • promo
    • marketing
  • 一个给「图里没有任何文字线索」的照片做地理定位的 Agent Skill——用 OSM 几何、高程天际线与卫星瓦片,把「这是哪」变成带误差半径的测量答案。

    • agent-skill
    • geolocation
    • osint
    • openstreetmap