mcpField
T
threejs-claude-skill-package

threejs-claude-skill-package

github.com/podo开发29164 次安装1 天前更新
代码仓库

关于 threejs-claude-skill-package

面向建筑、工程和施工领域 Three.js 工作流的 Claude 技能包，提供 24 个模块，涵盖渲染、React Three Fiber、物理模拟和 IFC 加载。

主要功能

  1. 0124 个确定性的 Three.js 技能模块
  2. 02支持 WebGL 和 WebGPU 渲染
  3. 03支持 React Three Fiber 与 Drei
  4. 04物理模拟集成
  5. 05面向 BIM 工作流的 IFC 加载

适用场景

  1. 01构建可加载 IFC 文件的 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. 是否可以访问 shell？

    • 是 → 运行下方安装命令，然后调用技能
    • 否 → 显示安装命令；在 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（建筑、工程、施工）基金会维护的 24 个确定性 Three.js 技能模块。涵盖完整的现代 Three.js 生态系统：核心 WebGL、WebGPU 渲染器、带有 Drei 助手的 React Three Fiber、物理集成，以及适用于 BIM/建筑工作流的 IFC 文件加载。每项技能都有明确范围且具备确定性 — 指定确切领域后，相应技能便会启用。

不适用场景

  • 非建筑类通用 3D — 使用 cloudai-threejs
  • 仅限 WebGPU 的着色器开发 — 使用 webgpu-claude-skill
  • ECS 游戏架构 — 使用 threejs-ecs-ts

评论

支持 Markdown