v0.app 教程：用 AI 生成高质量前端页面和组件

v0 适合生成前端页面和组件。提示词里写清页面类型、模块顺序、数据状态和交互方式。

例如“做一个 SaaS 仪表盘，包含侧边栏、指标卡、表格、筛选和空状态”。

一个专业组件不只有默认态，还要有加载态、空状态、错误态、禁用态和移动端布局。

在提示词里明确这些状态，生成结果更接近可用产品。

如果第一版太营销化，可以要求更适合后台、CRM、工具站或内容平台。

调整间距、字号、对齐和层级，比单纯换颜色更重要。

复制代码前检查依赖、图标库、样式方案和组件命名。

接入后运行构建，并替换成真实数据和现有设计系统变量。