Claude Code スキル:「ある機械はどのように動くのか」と尋ねると、その機械を分解して観察できる 3D シミュレーターとして作成し、オフラインで利用可能な単一の HTML ページにパッケージ化します。中央で機械が稼働し、周囲のパネルに数値が表示され、ボタンを押すと稼働中の部品を開くことができます。誰も操作していない場合は、ページが自動でガイドします。
スター数 1236(+27 / 24h)
理由
- V8 エンジン、セスナ機、バイオニックビーストの 3 つの完全なサンプルと、ロボティックビー、サソリ、タコのデモアニメーションを添付。さらに、タイムラインに沿ってフレームごとに 60 fps の動画として録画し、プログラム生成のサウンドエフェクトを追加することも可能
- SKILL.md には、機械の構築方法、見た目を正確にするためのルール、および自己チェックループが記載されています。ランタイム、録画、サウンドエフェクトエンジンは、MIT ライセンスの claude-motion に由来します
使い方
npx skills add elvarofficial/teardown -g -a claude-codeを実行し、インストールディレクトリでnpm install && npx playwright install chromiumを一度実行します。Node.js 20+ が必要で、動画録画には ffmpeg、効果音には Python 3 が必要です。- Claude Code に直接指示します。例:「分解できる 4 ストロークのオートバイエンジンのシミュレーターを作ってください」。または、まず
node sims/build.mjs v8-liveを実行してサンプルを開きます。
リスク
- README が非常に短く、シミュレーション内の数値や構造をどのように検証するかについての説明がありません。教育目的で使用する前に、実際の機械と一致しているか自分で確認する必要があります
- README には MIT ライセンスと記載されていますが(GitHub ではライセンスファイルが認識されていません)。リポジトリは 10 月 30 日に作成されました