设计创意进阶每个页面 2-4 小时
UI 原型到代码
AI 生成界面的最大问题是“看起来对,但组件、状态和响应式全是临时拼的”。这个技能先定设计系统和状态,再让 AI 生成,最后逐项验收。
执行步骤
- 2
- 3
配套提示词
常见问题
AI 生成的前端能直接上线吗?
不能。必须补状态、类型、错误处理和可访问性,并通过构建与真实数据测试。AI 产出适合当第一版草稿。
用 v0 还是 Cursor?
v0 适合快速探索视觉方向,Cursor 适合在现有代码库里做受约束的修改。先定系统,再选工具。
AI 生成界面的最大问题是“看起来对,但组件、状态和响应式全是临时拼的”。这个技能先定设计系统和状态,再让 AI 生成,最后逐项验收。
不能。必须补状态、类型、错误处理和可访问性,并通过构建与真实数据测试。AI 产出适合当第一版草稿。
v0 适合快速探索视觉方向,Cursor 适合在现有代码库里做受约束的修改。先定系统,再选工具。