create mcp app
✓このスキルは、ユーザーが「MCP アプリの作成」、「MCP ツールへの UI の追加」、「インタラクティブな MCP ビューの構築」、「MCP アプリの足場」を要求する場合、または MCP アプリ SDK パターン、UI リソースの登録、MCP アプリのライフサイクル、またはホスト統合に関するガイダンスが必要な場合に使用する必要があります。インタラクティブ UI を備えた MCP アプリを構築するための包括的なガイダンスを提供します。
SKILL.md
Build interactive UIs that run inside MCP-enabled hosts like Claude Desktop. An MCP App combines an MCP tool with an HTML resource to display rich, interactive content.
| React | useApp hook provided | Teams familiar with React | | Vanilla JS | Manual lifecycle | Simple apps, no build complexity | | Vue/Svelte/Preact/Solid | Manual lifecycle | Framework preference |
Clone the SDK repository for working examples and API documentation:
このスキルは、ユーザーが「MCP アプリの作成」、「MCP ツールへの UI の追加」、「インタラクティブな MCP ビューの構築」、「MCP アプリの足場」を要求する場合、または MCP アプリ SDK パターン、UI リソースの登録、MCP アプリのライフサイクル、またはホスト統合に関するガイダンスが必要な場合に使用する必要があります。インタラクティブ UI を備えた MCP アプリを構築するための包括的なガイダンスを提供します。 ソース: modelcontextprotocol/ext-apps。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/modelcontextprotocol/ext-apps --skill create mcp app- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-13
- 更新日
- 2026-02-18
クイックアンサー
create mcp app とは？
このスキルは、ユーザーが「MCP アプリの作成」、「MCP ツールへの UI の追加」、「インタラクティブな MCP ビューの構築」、「MCP アプリの足場」を要求する場合、または MCP アプリ SDK パターン、UI リソースの登録、MCP アプリのライフサイクル、またはホスト統合に関するガイダンスが必要な場合に使用する必要があります。インタラクティブ UI を備えた MCP アプリを構築するための包括的なガイダンスを提供します。 ソース: modelcontextprotocol/ext-apps。
create mcp app のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/modelcontextprotocol/ext-apps --skill create mcp app インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/modelcontextprotocol/ext-apps