このツールの担当者ですか？
Moodboard.ai の公式情報（ロゴ・説明文・料金・機能）の掲載・訂正依頼を無料で受け付けています。
React 生成中
prompt → ui.tsx
★ 4.7 / 編集部評価
v0.dev/chat/new-dashboard
prompt> SaaSダッシュボードを作って。KPI カード3つ、折れ線グラフ、最近のアクティビティ。
Acme ◉Home · Analytics · Reports
MRR
$48.2K
Users
1,280
Churn
2.1%
良い点・弱点
ガチで試した上での、いいところと気になるところ。
◉ 良いところ
- shadcn/ui + Tailwind 前提で、既存プロジェクトに馴染む
- プロンプト → 動くReact UI が10分以内
- コピペせずそのまま npx v0 add で取り込める
- Chat ベースで段階的に追加修正しやすい
- アクセシビリティ配慮が標準で入っている
◉ 気になるところ
- 細かいマイクロインタラクションは基本ノータッチ
- ブランド独自の型があると馴染ませるのに手間
- Tailwind 以外のCSSフレームワークは実質非対応
- 大規模アプリの文脈理解はまだ弱い
- 日本語プロンプトは時々英語で返ってくる
実際の使用例 · プロンプト例
そのままコピペして試せる、編集部のおすすめプロンプト。
01 · ダッシュボード
SaaS のアナリティクス画面を作って。MRR / アクティブユーザー / チャーン率の KPI カード 3 つを上部に、下に折れ線グラフ（30 日間）、右側に最近のイベントのリストを表示。shadcn/ui で、ダークモード対応。
02 · オンボーディング
新規ユーザー向けの 3 ステップ オンボーディング。プロフィール → チーム作成 → 最初のプロジェクト。ステップインジケータは上部、各ステップに「スキップ」「戻る」ボタン。モバイル対応。
03 · 設定画面
アカウント設定ページ。左にセクション ナビ（プロフィール / 通知 / 請求 / API キー）、右にアクティブなセクションの詳細フォーム。変更は自動保存風のトースト表示。
料金プラン比較
Moodboard.ai の 3 プラン。まずは Free で試すのがおすすめ。
Free
$0
- ✓月200クレジット
- ✓公開チャットのみ
- ✓コミュニティサポート
おすすめ
Pro
$20/月
- ✓月5,000クレジット
- ✓プライベートチャット
- ✓優先サポート
Team
$30/月·人
- ✓無制限クレジット
- ✓チームワークスペース
- ✓専属CS
ユーザーの声（準備中）
このツールの実ユーザーレビューを募集中です。使用感・コスト・導入事例など、現場での利用経験をぜひ共有してください。
類似ツール · 代替ツール
Moodboard.ai と似た目的で使える、編集部おすすめの代替ツール。
よくある質問
日本語プロンプトでも使えますか？
はい、日本語プロンプトに対応しています。ただし生成されるUI内のコピーは英語で返ってくることが多いので、コピーは別途書き換える前提で使うのがおすすめです。
既存プロジェクトへの取り込みはどうやりますか？
v0 が生成したコードは `npx v0 add [component-id]` で直接プロジェクトに追加できます。shadcn/ui を使っている場合はそのまま動作します。
無料プランだけで実務に使えますか？
月 200 クレジットなので、個人の試行・小規模なプロト作成には十分です。チーム運用・本番案件で継続的に使うなら、Premium（$20/月）以上を推奨します。
商用利用は可能ですか？
可能です。生成されたコードの著作権は利用者に帰属します。詳細は公式の利用規約をご確認ください。
Chakra UI や Material UI でも使えますか？
現状、出力は shadcn/ui + Tailwind を前提としています。他の UI フレームワークを使っているプロジェクトでは、生成されたコードを移植する作業が発生します。