Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@v0 MCP Servercreate a login page with email and password fields, remember me checkbox, and social login buttons"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
v0 MCP Server
v0 Platform APIを使って自然言語の要件からプロトタイプのURLを返すMCPサーバーです。
機能
generate_prototype: 自然言語の要件を受け取り、v0 Platform APIを使ってプロトタイプを生成し、デモURLを返します
Related MCP server: TypeScript Prompt MCP Server
セットアップ
依存関係のインストール:
環境変数の設定: MCPクライアント側で以下の環境変数を設定してください:
ビルド:
使用方法
MCPクライアントでの使用
MCPクライアントの設定で以下のようにサーバーを追加します:
ツールの使用例
開発
テスト実行
MCPインスペクターを使用してテストできます:
ブラウザでインスペクターUIが開き、ツールの動作を確認できます。
開発モード
API
generate_prototype
パラメータ:
requirements(string, 必須): プロトタイプの要件を自然言語で記述model(string, オプション): 使用するモデル ("v0-1" | "v0-2", デフォルト: "v0-2")
戻り値: 成功時は生成されたプロトタイプのURL、ファイル情報、チャットIDを含むJSONを返します。 エラー時はエラー情報を含むJSONを返します。