このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
MCPアプリプロトコルの仕様とSDKの公式リポジトリ - UIの標準、組み込みAIチャットボット、MCPサーバーによるサービス
概要
MCPアプリ MCPツール(チャート、フォーム、ダッシュボード)向けのインタラクティブUIを構築し、Claude、ChatGPT、その他準調なチャットクライアントでインラインレンダリングします。なぜ ·クイックスタート ·APIドキュメント ·仕様書 ·貢献 ExcalidrawはMCPアプリで構築され、Claude上で動作します MCPアプリを最も速く作る方法は、AIコーディングエージェントに任せることです。このリポジトリには4つのエージェントスキルが提供されます。一度インストールしたら、ただ尋ねてください: — エージェントスキルをサポートするAIコーディングエージェントは、これらのスキルを利用できます。手動インストールの手順はエージェントスキルガイドをご覧ください。 インストール後は、エージェントに「どんなスキルがありますか?」と尋ねて確認してください。リストにはcreate-mcp-app、migrate-oai-app、add-app-to-server、convert-web-appが出てくるはずです。その後、アプリの作成や移行を依頼すれば、残りの作業を案内してくれます。 MCP Appsは、コアMCP仕様の拡張です。ホストサポートは様々です — 完全なリストはクライアントページをご覧ください。 MCPツールはテキストと構造化データを返します。
概要（AI 翻訳）
MCPアプリ
MCPツール(チャート、フォーム、ダッシュボード)向けにインタラクティブUIを構築し、Claude、ChatGPT、その他準正チャットクライアントでインラインレンダリングします。
なぜか · クイックスタート · APIドキュメント · スペック · 貢献
ExcalidrawはMCPアプリで構築され、Claude上で動作します
目次
- エージェントスキルでビルド
- サポートクライアント
- なぜMCPアプリなのですか?
- 仕組み
- はじめかす
- SDKの使用
- 例
- 仕様
- リソース
- 貢献
エージェントスキルでビルド
MCPアプリを作る最速の方法は、AIコーディングエージェントに任せることです。これです リポジトリは4つのエージェントスキルを出荷します — 一度インストールしてください。 それなら、ただ聞いてみてください:
| スキル | 効果 | 試してみて |
|---|---|---|
create-mcp-app |
インタラクティブUIを備えた新しいMCPアプリの足場を一から構築 | 「MCPアプリを作成」 |
migrate-oai-app |
既存のOpenAIアプリをMCPアプリに変換する | 「OpenAI Apps SDKからの移行」 |
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
README
以下は原文 README の抜粋です。原文を見る。
Excalidraw built with MCP Apps, running in Claude
Table of Contents
- Build with Agent Skills
- Supported Clients
- Why MCP Apps?
- How It Works
- Getting Started
- Using the SDK
- Examples
- Specification
- Resources
- Contributing
Build with Agent Skills
The fastest way to build an MCP App is to let your AI coding agent do it. This repo ships four Agent Skills — install them once, then just ask:
| Skill | What it does | Try it |
|---|
インストール
npx -y @modelcontextprotocol/server-<name> --stdio設定
{
"mcpServers": {
"<name>": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-<name>", "--stdio"]
}
}
}