mcpField
T
threejs-ecs-ts

threejs-ecs-ts

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

关于 threejs-ecs-ts

面向 TypeScript 3D 场景开发的技能，将 Three.js 渲染与 ECS 架构模式结合。适用于包含许多独立对象、需要结构化管理的复杂交互场景。

主要功能

  1. 01结合 Three.js 与 ECS 架构
  2. 02以组件分离数据与逻辑
  3. 03面向复杂交互式 3D 场景
  4. 04使用 TypeScript 管理场景

适用场景

  1. 01构建包含多个角色的 3D 游戏场景
  2. 02组织 3D 仿真中的对象与行为
  3. 03管理交互式装置中的独立对象
  4. 04为复杂场景设计 ECS 结构

安装

复制下面的命令，在终端中运行。

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

安装后在 Claude Code 中输入/threejs-ecs-ts确认已加载。

附带文件stub.yaml

详细介绍

threejs-ecs-ts

目录占位条目 — 完整软件包：Nice-Wolf-Studio/claude-skills-threejs-ecs-ts

决策树

  1. 是否已安装该软件包？ 检查：~/.design-agent-skills/skills/threejs-ecs-ts/SKILL.md 是否存在。

    • 是 → 调用 threejs-ecs-ts 并继续
    • 否 → 转到第 2 步

  2. 你能访问 shell 吗？

    • 能 → 运行下方安装命令，然后调用该技能
    • 不能 → 显示安装命令；在 Claude Code 中，发送一条以 ! 开头的聊天消息 — 添加 -g 进行全局安装，或省略以仅安装到项目中

安装命令

npx skills add Nice-Wolf-Studio/claude-skills-threejs-ecs-ts

安装后调用

  • 技能名称：threejs-ecs-ts
  • 触发短语：“Three.js ECS”、“实体组件”、“3D 游戏架构”

功能

将 Three.js 渲染与 TypeScript 中的实体组件系统（ECS）架构模式相结合，为管理复杂的交互式 3D 场景提供结构化方法。ECS 将数据（组件）、逻辑（系统）和实体（ID）分离，从而支持包含许多独立对象的可扩展场景，例如游戏角色、模拟场景或交互式装置。当场景复杂度超出简单对象层级结构所能清晰管理的范围时，尤其适用。

不适用场景

  • 没有架构复杂性的简单 Three.js 场景 — 改用 cloudai-threejs
  • WebGPU 特定渲染功能 — 改用 webgpu-claude-skill
  • 建筑/建筑信息模型（BIM）3D 工作流 — 改用 threejs-claude-skill-package

评论

支持 Markdown