AI Canvas

このMCPについて

このMCPサーバーは、AIエージェントがAI Canvas（Tailwind CSSとMotionで構築されたアニメーション付きReactコンポーネント、UIブロック、デザインシステムのオープンソースレジストリ）にアクセスできるようにします。AIエージェントはレジストリを検索し、インストール用のshadcn CLIコマンドを取得できます。

使用方法

@aicanvas/mcp を使用してnpm経由でMCPサーバーをインストールします。設定後、AIエージェントはサーバーに接続し、AI Canvasレジストリの検索に使用できます。サーバーはコンポーネントのインストールに使用できるshadcn CLIコマンドを返しますが、インストール自体は実行しません。

このMCPの用途

このMCPにより、AIエージェントはマークアップを推測する代わりに、実際に公開されているReactコンポーネントのソースコードを扱えるようになります。プロジェクトに高品質なアニメーション付きReactコンポーネントを迅速に見つけて実装する必要がある開発者やAIアシスタントに特に有用で、適切なインストールコマンドと共に本番環境対応のコードを確実に入手できます。