chatgpt-app-builder について
chatgpt-app-builderは、会話中にMCPサーバーとして呼び出されるChatGPTプラグインを設計・実装するスキルです。人間とモデルが共有する画面を含め、SPEC.mdを軸に設計、実装、テスト、公開を進めます。
主な機能
- 01SPEC.mdによるプラグイン要件の管理
- 02アーキテクチャとUXフローの指針
- 03サーバーデータとビューの実装
- 04状態、コンテキスト、プロンプトの指針
- 05OAuth、イベント、MCP拡張
- 06ローカルテスト、デプロイ、公開
活用シーン
- 01ChatGPTプラグインプロジェクトの開始
- 02人間とモデルが共有する画面の設計
- 03データ取得とビュー状態の実装
- 04プラグインのテストとリリース準備
MCP 対応
このスキルでは、ChatGPTプラグインを会話中に呼び出すMCPサーバーとして説明しています。OpenAI MCP拡張を含む設計と実装を案内します。
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ alpic-ai/ skybridge --skill chatgpt-app-builderインストール後、Claude Code で/chatgpt-app-builderを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
evals/architecture.jsoncommunicate-with-host.jsondiscover.jsonfetch-and-render-data.jsonopen-external-links.jsonREADME.mdskill.jsonstate-and-context.jsonui-guidelines.jsonupdate-existing.jsonreferences/architecture.mdassets-and-styling.mdcopy-template.mdcsp.mddeploy.mddiscover.mddownload-file.mdecommerce.mdevals.mdevents.mdfetch-and-render-data.mdmigrate-to-v1.mdoauth.mdopen-external-links.mdopenai-extensions.mdprompt-llm.mdpublish.mdrun-locally.mdstate-and-context.mdui-guidelines.md詳細
LLM 向けプラグインの作成
ChatGPT プラグインは、ツールとカスタム UI ビューを通じて ChatGPT を拡張する、会話型のエクスペリエンスです。会話中に呼び出される MCP サーバーとして構築します。
⚠️ プラグインは、人間とChatGPT LLMという 2 人のユーザーが同時に利用します。2 者はビューを通じて連携します。人間はビューを操作し、LLM はその状態を確認します。コードを書く前にこの点を理解してください。ビューが共有する画面です。
SPEC.md には、プラグインの要件と設計上の決定事項を記録します。プラグインの作業中は、常に最新の状態に保ってください。
E コマースプラグインを構築していますか? → まず ecommerce.md をお読みください。
SPEC.md がありませんか? → まず discover.md をお読みください。SPEC.md ができるまでは、ほかの作業を進めないでください。
SPEC.md がありますか? → SPEC.md を読み、architecture.md に従って変更を設計してください。SPEC.md を更新してから、コードを書く前に、以下の該当する実装リファレンスをお読みください。
Skybridge < 0.36.x から移行しますか? → まず migrate-to-v1.md をお読みください。ユーザーが skybridge >= 0.36.x を v1 として参照する場合があります。
Skybridge 1.x から 2.x に移行しますか? → まず v2.0.0 release notes を取得し、その手順に従ってください。
セットアップ
- テンプレートをコピー → copy-template.md:SPEC.md の準備ができた状態で新しいプロジェクトを始める場合
- ローカルで実行 → run-locally.md:テストの準備ができ、開発サーバーまたは ChatGPT との接続が必要な場合
- 評価 → evals.md:テストで、実際のモデルが自然なプロンプトから適切なツールに到達することを確認する場合
アーキテクチャ
UX フローや API の形状を設計または発展させる場合 → architecture.md
実装
- データの取得と表示 → fetch-and-render-data.md:サーバーハンドラーとビューのデータ取得を実装する場合
- 状態とコンテキスト → state-and-context.md:ビューの UI 状態を保持し、LLM コンテキストを更新する場合
- LLM へのプロンプト送信 → prompt-llm.md:ビューから LLM の応答をトリガーする場合
- UI ガイドライン → ui-guidelines.md:表示モード、レイアウトの制約、テーマ、デバイス、ロケールについて
- 外部リンク → open-external-links.md:外部 URL にリダイレクトする場合、または「アプリで開く」の遷移先を設定する場合
- OAuth → oauth.md:ユーザー固有のデータにアクセスするため、ツールにユーザー認証が必要な場合
- アセットとスタイル設定 → assets-and-styling.md:ビューに画像、フォント、CSS を追加する場合
- CSP → csp.md:フェッチ、アセット、リダイレクト、iframe で許可するドメインを宣言する場合
- イベント → events.md:新しいコメントやインシデントなど、ユーザーが操作していないときにアプリ内の動きに ChatGPT が反応するようにする場合
- OpenAI MCP 拡張機能 → openai-extensions.md:ChatGPT のサイドバー、会話のサイドパネル、ファイル、ディープリンクからビューを開く場合、または ChatGPT の @メンション、タイトル付きメッセージ、ローカルファイルを使用する場合
デプロイ
- 本番環境に公開 → deploy.md:Alpic 経由でデプロイする準備ができた場合
- ChatGPT Directory に公開 → publish.md:審査に提出する準備ができた場合
API ドキュメント全文:https://docs.skybridge.tech/api-reference.md
リリースノートと変更履歴:https://skybridge.tech/changelog.md