Communitygithub.com

modelcontextprotocol/create-mcp-app

このスキルは、ユーザーが「MCPアプリを作成する」「MCPツールにUIを追加する」「インタラクティブなMCPビューを構築する」「MCPアプリをスキャフォールドする」と依頼した場合、またはMCP Apps SDKパターン、UIリソース登録、MCPアプリのライフサイクル、ホスト統合に関するガイダンスが必要な場合に使用します。インタラクティブなUIを備えたMCPアプリを構築するための包括的なガイダンスを提供します。

create-mcp-app とは?

このスキルは、Model Context Protocol (MCP) アプリを構築するための包括的なガイドです。MCPアプリは、AIエージェント(例:Claude Code)と対話するためのインタラクティブなUIを提供する機能です。このスキルは、ユーザーが「MCPアプリを作成」「UIを追加」「インタラクティブビューを構築」などと依頼した際にアクティブになります。具体的には、MCP Apps SDKのパターン、UIリソースの登録方法、アプリケーションのライフサイクル管理、そしてホストとの統合方法について詳細な手順を説明します。これにより、開発者はAIエージェントのツールを拡張し、よりリッチなユーザー体験を提供できるようになります。このガイダンスは、Claude Code のようなホスト環境でのMCPアプリ開発に特化しており、テンプレートやベストプラクティスを活用して迅速に開発を開始できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/modelcontextprotocol/ext-apps/tree/main/skills/create-mcp-app

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

create-mcp-app は何をしますか?

このスキルは、ユーザーが「MCPアプリを作成する」「MCPツールにUIを追加する」「インタラクティブなMCPビューを構築する」「MCPアプリをスキャフォールドする」と依頼した場合、またはMCP Apps SDKパターン、UIリソース登録、MCPアプリのライフサイクル、ホスト統合に関するガイダンスが必要な場合に使用します。インタラクティブなUIを備えたMCPアプリを構築するための包括的なガイダンスを提供します。

関連スキル