elvarofficial/teardown

これは何？

主な機能

• 01機械をインタラクティブな3Dシーンとして生成し、オフラインで動作する単一のHTMLファイルにまとめます。
• 02周囲のパネルに、シミュレーションで計算された値をリアルタイムで表示します。
• 03ボタンで動力を生み出す部品だけを表示し、詳しく確認できます。
• 04ページがアイドル状態になると、自動でガイドツアーを再生します。
• 05ツアーを60 fpsのmp4動画、または静止画のレビュー用シートにレンダリングします。
• 06動画のタイムラインにプロシージャルサウンドを追加し、-14 LUFSにマスタリングします。

ユースケース

• エンジンや機構、時計の仕組みを学生や同僚に説明する。
• 機械設計を紹介する短いアニメーション動画を制作する。
• オフラインで共有できる、機械のインタラクティブな図解を作成する。

クイックスタート

1. 1

   npx でスキルをインストールする

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

   インストールしたフォルダーで依存関係と Chromium をインストールする

   npm install && npx playwright install chromium
3. 3

   サンプルのシミュレーターをビルドする（HTML ページ 1 枚で開きます）

   node sims/build.mjs v8-live

使う前に知っておきたいこと

• !新しいシミュレーターの生成には Node.js 20 以降と Claude Code が必要です。
• !動画の出力には ffmpeg も必要です。また、音声の生成には Python 3 が必要です。

収録されている特集

トピック

よくある質問

teardown とは？

分解できるあらゆる機械の、オフラインで動作するインタラクティブな3Dシミュレーターを、単一のHTMLページとして作成するClaude Codeスキル。 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 ページ 1 枚で開きます）: node sims/build.mjs v8-live

teardown はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/elvarofficial/teardown