mcpField
T
threejs-claude-skill-package

threejs-claude-skill-package

github.com/podo開発29164 回インストール1 日前に更新
リポジトリ

threejs-claude-skill-package について

建築・エンジニアリング・建設分野で Three.js を使うための Claude スキルパッケージです。レンダリング、React Three Fiber、物理演算、IFC 読み込みを含む24のモジュールを提供します。

主な機能

  1. 0124種類の決定的な Three.js スキルモジュール
  2. 02WebGL と WebGPU のレンダリング
  3. 03React Three Fiber と Drei のサポート
  4. 04物理演算の統合
  5. 05BIM ワークフロー向け IFC 読み込み

活用シーン

  1. 01IFC ファイルを読み込む BIM ビューアーの構築
  2. 02建築分野の 3D アプリケーション開発
  3. 03用途に応じた Three.js スキルの選択

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/podo/design-agent-skills --skill threejs-claude-skill-package

インストール後、Claude Code で/threejs-claude-skill-packageを入力して読み込まれたか確認します。

同梱ファイルstub.yaml

詳細

threejs-claude-skill-package

カタログ用スタブ — 完全なパッケージはこちら：OpenAEC-Foundation/Three.js-Claude-Skill-Package

判断ツリー

  1. パッケージはすでにインストールされていますか？ 確認：~/.design-agent-skills/skills/threejs-claude-skill-package/SKILL.md が存在するか確認します。

    • はい → 該当するスキルを呼び出して続行します
    • いいえ → 手順 2 に進みます

  2. シェルにアクセスできますか？

    • はい → 以下のインストールコマンドを実行してから、スキルを呼び出します
    • いいえ → インストールコマンドを表示します。Claude Code では、! で始まるチャットメッセージとして送信します。グローバルインストールの場合は -g を追加し、プロジェクトのみにインストールする場合は省略します

インストールコマンド

npx skills add OpenAEC-Foundation/Three.js-Claude-Skill-Package

インストール後の呼び出し

  • スキル名：threejs-claude-skill-package
  • トリガーフレーズ：「OpenAEC」、「Three.js BIM」、「IFC Three.js」、「React Three Fiber skills」

概要

Open AEC（建築、エンジニアリング、建設）Foundation が保守する、決定論的な Three.js スキルモジュールを 24 個提供します。コア WebGL、WebGPU レンダラー、Drei ヘルパーを備えた React Three Fiber、物理演算の統合、BIM／建築ワークフロー向けの IFC ファイル読み込みなど、最新の Three.js エコシステム全体を網羅しています。各スキルは対象範囲が限定された決定論的な設計です。対象領域を指定すると、適切なスキルが有効になります。

使用しない場合

  • 建築以外の一般的な 3D 用途 — 代わりに cloudai-threejs を使用してください
  • WebGPU 専用のシェーダー作業 — 代わりに webgpu-claude-skill を使用してください
  • ECS ゲームアーキテクチャ — 代わりに threejs-ecs-ts を使用してください

コメント

Markdown 対応