v0（Vercel 的生成式 UI 工具）

是什么

v0 是 Vercel 推出的工具，用一段描述就能做出界面。Vercel 把它归入一个自己命名的类别——生成式 UI（Generative UI）：把前端的最佳实践和生成式 AI 结合起来。^[1] 它给出的不是网页截图，而是代码，用的是开源工具 React、Tailwind CSS 和 shadcn/ui。^[1] 这个选择决定了它的用法：一句话的描述变成开发者能打开、能修改、能直接放进项目的东西，而不是一张还要手工重做的设计稿。

由来

在 2023 年 10 月 11 日之前几周，Vercel 首次推出 v0，把它介绍成一款让建网站变得像描述自己的想法一样简单的产品。^[1] 2023 年 10 月 11 日，公司宣布 v0 从 Alpha 进入 Beta。^[1] 关注度远超容量：三周内有 10 万人注册了等候名单，Beta 阶段又放开了 5000 名用户的访问权限。^[1]

怎么用

使用过程是「生成—修改」的循环：先描述你想要的界面，从工具给出的若干生成结果中挑一个，继续编辑，然后把代码复制到自己的应用里。^[1] 由于产物是用工具公开列出的那些开源组件构建的代码，最后一步只是复制粘贴，而不是从某种封闭格式里导出；开发者拿到的是自己能读、能改的结果。

定价

使用按积分（credits）计费。每次生成花费 10 个积分，第一次生成例外，花费 30 个积分。^[1] 免费方案为 0 美元、含 200 个积分；之后是 10 美元 1500 个积分的 Basic、30 美元 5000 个积分的 Standard，以及 50 美元 10000 个积分的 Premium。^[1] 既然单次生成的价格固定，各档方案的区别主要在于能买多少次尝试：免费档次数很少，价格越高次数越多。

当时的下一步计划

Vercel 表示接下来的方向包括自定义设计系统、主题定制、图像转代码（image-to-code），以及更严格的安全与访问控制。^[1] 这几项指向两个方向。设计系统、主题和图像转代码扩展的是「能描述什么」以及结果能多贴近某个产品自己的外观；安全与访问控制关心的则是组织内部谁能用这个工具、能用它做什么。

在发展中的位置

给一个类别起名字，本身就是产品叙事的一部分。「生成式 UI」这个说法把两件过去常被分开讨论的事并在一起：前端工作的工艺规则，比如组件和样式如何组织；以及负责产出初稿的生成模型。^[1] 把模型放在一套固定且广为人知的技术栈后面，产出的就仍是普通代码，而不是一种新的、只有工具自己能读的文件。

Beta 阶段最清楚的公开信号是需求：三周内 10 万人注册等候名单，而 Beta 最初只新增 5000 个名额。^[1] 这个落差说明了工具面世时的处境——想试的人多，位置少——也解释了为什么当时的公告首先要谈访问权限，而不是功能。