> ## Documentation Index
> Fetch the complete documentation index at: https://mcpverified.com/llms.txt
> Use this file to discover all available pages before exploring further.

# MCPクライアントフレームワーク

> AIパワードMCPアプリケーション向けの最適なフロントエンドフレームワーク

<Note>このセクションは現在、作業中です（WIP）。</Note>

MCPアプリケーションのフロントエンド開発には、リアルタイム通信、ストリーミングレスポンス、複雑なUI状態を効率的に扱える専用のフレームワークが必要です。このセクションでは、MCPアプリケーション向けに最適化されたクライアントフレームワークをご紹介します。

## <Icon icon="star" iconType="solid" /> MCPクライアントフレームワーク

<CardGroup cols={2}>
  * <Icon icon="rocket" iconType="solid" /> **Mastra**: 組み込みのストリーミングと状態管理を備えたAI駆動インターフェース構築のための特化フレームワーク
  * <Icon icon="react" iconType="brands" /> **React with AI SDK**: AI対話のために特別に設計されたReactコンポーネントとフック
</CardGroup>

各フレームワークは、テキストストリーミング、思考状態、会話管理などの一般的なMCP UIの課題に対処するための異なるアプローチを提供します。