V0 vs Cursor vs CC

每个工具我都经过深度使用，对于创建简单的 Landing Page 网页应用，优先使用 V0。

• V0 和 Vercel 绑定，V0 可以直接调用 Vercel 的数据库。
• V0 支持 Supabase、Grok 等集成。
• V0 预设了一套经过筛选、优化的技术栈（Next.js + shadcn/ui + Tailwind CSS），并且对最新文档有充分的了解。
• V0 原型设计的速度远快于 Cursor 和 CC，通常在几分钟内即可完成。

第二点特别重要，现在 Web 开发技术已经太过成熟，有过多的框架、组件库、动画库等供选择，而 Claude 大模型并非针对 Web 开发进行优化，随着开发过程，它很容易引入不同的技术栈来解决不同的问题 —— 这会导致它“不够专注”。

Blocks

Blocks 需要和 shadcn CLI 搭配使用。

Swift 中那种高度封装、具备良好默认样式、可以复用的组件，类似你在 Swift/SwiftUI 中创建的 View 或自定义控件，甚至像你封装在 Swift Package 里的组件。

• 可以将多个 Block 抽象成一个你自己的组件库，在多个项目中复用。

shadcn CLI 

规则（Instructions）

在设置中配置 Instructions —— 这等同于 Cursor 中的 Rules。

我的示例  Instructions：

- I’m a beginner frontend developer who is more familiar with Swift (including SwiftUI)
- When explaining React or Next.js concepts to me, use analogies to Swift or SwiftUI wherever possible
- When I say “Go Code only”, return only code blocks, with no extra explanation or comments.
- Use Framer Motion to add animation effects, and take inspiration from Apple’s animation style—subtle, smooth, and purposeful.
- I prefer Apple’s minimalist design aesthetic—clean layout, elegant typography, and gentle interactions.

文档（Sources）

可以在 Sources 中配置 .pdf、.txt 等文档：

开始项目

先通过聊天，让 AI 知道关于项目的背景信息。

然后，让它基于以上信息，创建 Landing Page。

V0 的限制

• 价格较为昂贵。目前只支持按量计费，未提供不限量套餐，平均每次对话会消耗约 0.1 美元。
• 不支持在新 Chat 中，在上一个 Project 代码基础上继续操作？—— 或者说不需要手动管理 Context？

使用 Cursor 模拟 V0

V0 API