v0触ってみた

はじめに

修正や追加等はコメントまたはGitHubで編集リクエストをお待ちしております。

v0ってなに？

https://v0.dev/

What is v0?
v0 is a generative user interface system by Vercel powered by AI. It generates copy-and-paste friendly React code based on shadcn/ui and Tailwind CSS that people can use in their projects.
https://v0.dev/faq

shadcn/uiとTailwind CSSを使っていい感じのUIを生成してくれるツールです。

使ってみた

トップ画面はこんな感じです。

とりあえずExampleのプロンプトをコピペ

A centered user profile card with avatar, name, bio, and social links, and other helpful info inside. Each social link is an icon. Make it modern and bold.

いい感じのUIが生成されました。

ちょっと余白が気になるので、修正してみます。

ちょと分かりにくいですが、少しキュッとなりました

まとめ

サクッと触ってみましたが、かなり便利そうです。
右上のCodeボタンを押すと、React or HTMLのコードがコピーできるので、そのまま使えます！
これからの進化に期待ですね。