jpskill.com
💬 コミュニケーション コミュニティ

cocos-build

Cocos Creator 2.x プロジェクトのビルドを自動化し、スクリプトのコンパイルと効果検証を行うSkill。

📜 元の英語説明(参考)

Cocos Creator 2.x 项目编译技能 - 自动触发脚本编译并验证效果

🇯🇵 日本人クリエイター向け解説

一言でいうと

Cocos Creator 2.x プロジェクトのビルドを自動化し、スクリプトのコンパイルと効果検証を行うSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-17
取得日時
2026-05-17
同梱ファイル
1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

[Skill 名] 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 ではなく curl.exe を使用する必要があります(PowerShell のエイリアスの問題)。
  • コンパイル前に Creator エディタが開いていることを確認してください。
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

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 编辑器处于打开状态