
v0
设计创意Vercel 的 AI 界面生成与迭代工具
v0(现域名 v0.app,原 v0.dev)由 Vercel 出品,用自然语言生成与迭代 UI / 全栈前端,并走向可生产交付的 Agent 工作流。入口:https://v0.app/ ;文档:https://v0.app/docs/quickstart…
介绍与功能
- 自然语言生成与迭代 UI / 全栈前端(v0.app)
- GitHub 集成:分支、提交、PR 与合并冲突处理
- 内置编辑器与生产级 Sandbox 预览(含服务端能力)
- MCP / Platform API,可把聊天与预览接入外部工具
怎么运用
直接描述页面区块与技术栈(Next / Tailwind / shadcn)。
移动应用落地页
A landing page for a mobile app with a hero section, features grid, and pricing table
三要素框架
Build a customer support ticket dashboard with list, filters, and detail pane. Used by support agents during live shifts to triage and reply. Constraints: Next.js + Tailwind + shadcn/ui; desktop-first; calm professional tone; include loading and empty states.
渐进增强 Todo
Create a basic todo list with add/delete
技术问答
How do I implement server-side rendering in Next.js 14?
用法要点
- 比「做个网站」更具体:功能、设计、技术要求写全。
- 大改拆步;小视觉可用 Design Mode,逻辑用提示词。
- 最多可排队 10 条提示顺序执行(官方 Prompt queuing)。
安装教程
平台:Web
- 打开 https://v0.app/ (或 v0.dev)并用 Vercel / 支持的方式登录。
- 新建聊天或项目,用自然语言描述界面 / 应用想法。
- 审阅生成结果;可继续对话迭代,或用 Design Mode / Code 视图微调。
- 需要上线时点 Publish → Publish to Production,等待部署完成拿到线上 URL。
软件迭代树
- 2026-07最新
MCP / 审批面板与 Platform API
MCP 与 bash 审批合并到同一面板,避免漏批;MCP 增加 listMessages / resolveTask 等工具;聊天改用最新 AI SDK 组件;Platform API 可附带 project skills / memory
- 2026-06
Platform API v2 与注解模式
API v2(beta)可从 GitHub 仓库开聊;Annotations:在预览上点选元素批量反馈给 Agent;Cmd+K 命令面板;可自动解决 PR 合并冲突
- 2026-02-03
面向生产的新版 v0
Sandbox 运行时导入 GitHub 仓库与环境变量;Git 面板:分支、开 PR、合并;内置 VS Code 风格编辑器;预览对齐生产(API routes / DB 等服务端能力)
- 2025-08-11
v0.dev → v0.app
品牌与产品定位升级为面向全员的 AI builder;更强 Agent 规划 / 调试 / 端到端交付能力
你怎么看?…


