mcpField
C
cocos-build

cocos-build

github.com/958877748開発0108 回インストール13 週間前に更新
リポジトリ

cocos-build について

cocos-buildは、Cocos Creator 2.xプロジェクト向けの開発ワークフロースキルです。エディターをローカルで起動した状態で、スクリプトのコンパイル、コンポーネントの.meta生成、プレビュー確認を案内します。

主な機能

  1. 01assets内スクリプトのコンパイル実行
  2. 02コンポーネントの.meta生成
  3. 03プレビューで変更を確認
  4. 04エディター起動の前提を提示

活用シーン

  1. 01TypeScriptやJavaScriptの編集後にコンパイル
  2. 02コンポーネント作成とUUIDメタデータ生成
  3. 03LabelやSpriteなどの表示確認

インストール

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

$npx skills add https://github.com/958877748/skills --skill cocos-build

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

詳細

プロジェクトの README より

cocos-build

用于 Cocos Creator 2.x 项目的开发工作流自动化。

前提条件

  • Cocos Creator 编辑器必须正在运行（监听 localhost:7456）

使用场景

  1. 修改或创建 TypeScript/JavaScript 脚本后需要编译
  2. 创建新组件后需要生成 .meta 文件
  3. 需要验证代码修改在预览中的效果

编译指令

修改任何 assets/ 目录下的脚本文件后，执行以下命令触发编译：

curl.exe http://localhost:7456/update-db

成功返回：Changes submitted

完整工作流

  1. 修改代码 - 编辑 assets/ 下的 .ts 文件
  2. 触发编译 - 调用 curl.exe http://localhost:7456/update-db
  3. 验证效果 - 使用 frontend-tester agent 截图预览页面 http://localhost:7456/
  4. 确认结果 - 检查 Label、Sprite 等组件显示是否符合预期

新建组件

创建新的 TypeScript 组件时：

  1. 在 assets/ 目录下创建 .ts 文件
  2. 执行编译命令
  3. Creator 自动生成对应的 .meta 文件（包含 uuid）

预览验证

使用 frontend-tester agent 截图验证：

task(subagent_type="frontend-tester")

预览地址：http://localhost:7456/

注意事项

  • Windows 环境必须使用 curl.exe 而非 curl（PowerShell 别名问题）
  • 编译前确保 Creator 编辑器处于打开状态

コメント

Markdown 対応