chatgpt-app-builder

作成者： mcp-use

非推奨：代わりにmcp-app-builderを使用してください。インタラクティブなウィジェットとゼロ設定のReact開発でChatGPTアプリを構築します。このスキルは非推奨です。継続的なサポートとアップデートのためにmcp-app-builderに移行してください。共有インタラクティブウィジェットを通じて人間のユーザーとLLM間の協調UIを実現します。サーバーハンドラー、Reactウィジェットスキャフォールディング、状態管理、ツール呼び出しとフォローアップメッセージ用の組み込みフックを提供します。表示モード（インライン、フルスクリーン、ピクチャーインピクチャー）、テーマ設定などをカバーします。

npx skills add https://github.com/mcp-use/mcp-use --skill chatgpt-app-builder

ZIPダウンロード GitHub

Build ChatGPT Apps with mcp-use

mcp-use is the full stack TypeScript framework for building MCP servers and MCP apps to plug-ins and Claude connectors

Use it to build fully typed MCP servers with tools, resources, prompts, 1 line oauth authentication adapters, middleware, production transports, a built-in Inspector, and headless tooling.

mcp-use has native first class support for MCP Apps with support for HMR both at the server and MCP App level to live preview the changes on clients like ChatGPT

Get started

Follow the guides at https://docs.mcp-use.com/v2.

API reference

Consult the TSDoc bundled in the installed package and the TypeScript source comments on disk. Inspect the project's installed mcp-use version, generated types, and existing ChatGPT-specific integrations before choosing APIs or patterns.

Agent Skills

Put reusable agent workflows in skills/<name>/SKILL.md; the directory is served automatically, so normally omit the skills server option. Use skills: false to disable it or skills: { directory: "server-skills" } to override the project-relative directory. Keep supporting references, scripts, templates, and assets in the skill instead of inflating tool descriptions.

mcp-useのその他のスキル

chatgpt-app-builder

mcp-useとOpenAI Apps SDKを使って、インタラクティブなウィジェットを備えたChatGPTアプリを構築します。ChatGPTアプリの作成時や、ウィジェット付きのMCPサーバーの構築、定義などに使用します。

mcp-useフレームワークと自動ウィジェット登録を使用して、本番環境対応のMCPサーバーを構築します。npx create-mcp-use-appでブートストラップし、3つのテンプレート（スターター（フル機能）、mcp-apps（ChatGPT最適化）、ブランク（最小限））から選択可能。Zodスキーマを使用してツール、リソース、プロンプトを定義し、自動バリデーションと明確なパラメータ説明を提供。resources/フォルダからReactウィジェットを自動的にMCPツールおよびリソースとして登録し、MCPアプリ向けのデュアルプロトコル対応...

mcp-apps-builder

本番用MCPサーバーを構築するための必須リファレンスガイド。ツール、リソース、プロンプト、ウィジェットを網羅。基礎概念（Tool、Resource、Prompt、Widgetプリミティブ）、サーバーアーキテクチャ、認証パターン（OAuth、Supabase、カスタム）、デプロイ戦略を解説。ツール、リソース、プロンプト、レスポンスフォーマット、状態管理とテーマ設定を備えたウィジェットベースUIの実装に関する詳細ガイドを含む。よくあるアンチパターン（バリデーション不足、不適切なエラー...）を文書化。

非推奨: mcp-useを使用して、ツール、リソース、プロンプト、インタラクティブウィジェットを備えたMCPサーバーを構築します。このスキルは非推奨です。代わりにmcp-app-builderを使用してください。単一のMCPサーバー内でツール、リソース、プロンプト、インタラクティブなReactウィジェットを定義することをサポートします。テキスト、マークダウン、HTML、画像、オブジェクト、カスタムウィジェットとして出力をフォーマットするためのレスポンスヘルパーを含みます。複数のMCPサーバーを統合インターフェースに集約するためのサーバー構成とプロキシを提供します。

OpenAPI / Swagger仕様からmcp-use TypeScript SDKを使用してMCPサーバーを構築・デプロイします。ユーザーが「このOpenAPIを変換したい」と言ったときにこのスキルを使用してください。