v0 by Vercel とは
Vercel が開発した UI 生成 AI です。テキストで UI を説明すると React + Tailwind CSS のコードを生成してくれます。
使い方
- v0.dev にアクセス（GitHub でログイン）
- 「ダッシュボードのサイドバーナビゲーション、ダークテーマ」のように入力
- 生成された UI をプレビューで確認
- 「Code」タブからコードをコピーしてプロジェクトに貼り付け
プロンプト例
- 「SaaS のランディングページ、ヒーローセクション付き、モダン」
- 「データテーブルコンポーネント、ソート・フィルター機能付き」
- 「ログインフォーム、バリデーション付き、シャドウカード」
無料枠
月200クレジット（1世代約10クレジット）。Next.js プロジェクトへの直接デプロイ機能あり。