cocos-build
Cocos Creator 2.x プロジェクトのビルドを自動化し、スクリプトのコンパイルと効果検証を行うSkill。
📜 元の英語説明(参考)
Cocos Creator 2.x 项目编译技能 - 自动触发脚本编译并验证效果
🇯🇵 日本人クリエイター向け解説
Cocos Creator 2.x プロジェクトのビルドを自動化し、スクリプトのコンパイルと効果検証を行うSkill。
※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。
詳しい使い方ガイドを見る →- 最終更新
- 2026-05-17
- 取得日時
- 2026-05-17
- 同梱ファイル
- 1
📖 Skill本文(日本語訳)
※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。
[Skill 名] cocos-build
Cocos Creator 2.x プロジェクトの、開発ワークフロー自動化に用います。
前提条件
- Cocos Creator エディタが実行中であること(localhost:7456 をリッスンしていること)
使用シナリオ
- TypeScript/JavaScript スクリプトの変更または新規作成後にコンパイルが必要な場合
- 新しいコンポーネント作成後に .meta ファイルの生成が必要な場合
- コード変更がプレビューでどのように表示されるか検証する必要がある場合
コンパイルコマンド
assets/ ディレクトリ下のスクリプトファイルを変更した後、以下のコマンドを実行してコンパイルをトリガーします。
curl.exe http://localhost:7456/update-db
成功時の戻り値:Changes submitted
完全なワークフロー
- コードの変更 -
assets/下の.tsファイルを編集します。 - コンパイルのトリガー -
curl.exe http://localhost:7456/update-dbを呼び出します。 - 効果の検証 - frontend-tester agent を使用して、プレビューページ
http://localhost:7456/のスクリーンショットを撮ります。 - 結果の確認 - Label、Sprite などのコンポーネントの表示が期待通りか確認します。
新規コンポーネントの作成
新しい TypeScript コンポーネントを作成する場合:
assets/ディレクトリ下に.tsファイルを作成します。- コンパイルコマンドを実行します。
- Creator が対応する
.metaファイル(uuid を含む)を自動生成します。
プレビュー検証
frontend-tester agent を使用してスクリーンショットを検証します。
task(subagent_type="frontend-tester")
プレビューアドレス:http://localhost:7456/
注意事項
- Windows 環境では
curlではなくcurl.exeを使用する必要があります(PowerShell のエイリアスの問題)。 - コンパイル前に Creator エディタが開いていることを確認してください。
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開
cocos-build
用于 Cocos Creator 2.x 项目的开发工作流自动化。
前提条件
- Cocos Creator 编辑器必须正在运行(监听 localhost:7456)
使用场景
- 修改或创建 TypeScript/JavaScript 脚本后需要编译
- 创建新组件后需要生成 .meta 文件
- 需要验证代码修改在预览中的效果
编译指令
修改任何 assets/ 目录下的脚本文件后,执行以下命令触发编译:
curl.exe http://localhost:7456/update-db
成功返回:Changes submitted
完整工作流
- 修改代码 - 编辑
assets/下的.ts文件 - 触发编译 - 调用
curl.exe http://localhost:7456/update-db - 验证效果 - 使用 frontend-tester agent 截图预览页面
http://localhost:7456/ - 确认结果 - 检查 Label、Sprite 等组件显示是否符合预期
新建组件
创建新的 TypeScript 组件时:
- 在
assets/目录下创建.ts文件 - 执行编译命令
- Creator 自动生成对应的
.meta文件(包含 uuid)
预览验证
使用 frontend-tester agent 截图验证:
task(subagent_type="frontend-tester")
预览地址:http://localhost:7456/
注意事项
- Windows 环境必须使用
curl.exe而非curl(PowerShell 别名问题) - 编译前确保 Creator 编辑器处于打开状态