v0.dev
v0.devGenerative UI for developers
MCP公式
ネイティブAI
無料枠あり
JCB対応
AIスコア
100 /100
AI機能
5 /5
エージェント
5 /5
料金
$20/月〜
≈ ¥3,000
v0.devとは？
v0.devは、プロンプトを入力するだけで、モダンなUIコンポーネントを即座に生成するAIアシスタント。Vercelによって開発されており、生成されるコードは React (shadcn/ui), Tailwind CSS に最適化されている。既存の Web サイトのスクリーンショットをアップロードして「これを参考にして」と指示することも可能。2025年にはMCPサーバーを提供し、AIエージェントが自律的にUIを作成し、プロジェクトのファイルとして保存するというフローを可能にした。
v0.devの歩み
- KEY
Vercel がクローズドベータとしてローンチ
-
一般公開。画像からのUI生成（Vision）に対応
- KEY
公式 MCP サーバーをリリース。Cursor 等のエディタから直接 UI 生成を指示可能に
v0.devでできること
01
プロンプトベースの UI 生成
「ダッシュボードのサイドバーを作って」といった曖昧な指示から、実際に動作する高品質なコードを生成。
02
shadcn/ui 統合
業界標準の shadcn/ui コンポーネントを使用するため、生成されたコードのカスタマイズ性や保守性が非常に高い。
03
エディタ統合 (MCP)
MCP経由で、CursorやClaude Codeから直接v0を呼び出し、UIの改善や新規作成をシームレスに行える。
料金プラン
料金は記事執筆時点（2026年4月）の情報です。為替レートやプラン改定により変動する場合があります。最新情報はv0.dev公式サイトをご確認ください。
AI観点の評価
AI機能
ネイティブAI
- ✓ テキストからの UI 生成
- ✓ 画像・スクリーンショットからの模倣
- ✓ コード編集・プレビュー
- ✓ Next.js / Tailwind 統合
エージェント対応
MCP公式 ✓
MCPコミュ ✓
REST API —
GraphQL —
Webhooks —
Function Call ✓
Zapier/Make —
OAuth対応 —
公式SDK ✓
OpenAPI公開 —
Write API ✓
Webhook署名 —
日本対応
日本語UI —
日本語ドキュメント —
JCBカード対応 ✓
日本円建て請求書 —