场景设定
- 目标:生成一个轻量级客户管理小程序的客户列表页。
- 用户:非技术背景的销售人员。
《以下示例基于响指Haisnap生成》
❌ 不好的 Prompt 示例
帮我做一个客户列表页面,用来展示客户信息,看起来专业一点。
生成结果常见问题
- 信息字段随机
- 操作入口不明确
- 排序和主操作不突出
看起来“像个页面”,但不好用。
✅ 好 Prompt 示例
创建一个客户列表页面,用于销售人员日常查看客户信息:
- 页面顶部显示标题“客户列表”,右侧有“新增客户”主按钮;
- 下方为列表,每一行展示客户姓名、联系方式、创建时间;
- 列表按创建时间倒序排列;
- 点击某一行进入客户详情页;
- 风格偏业务工具,信息清晰、操作直观。
生成结果变化
- 主操作非常明确
- 信息结构稳定
- 页面可直接用于真实产品
核心结论
Prompt 的本质不是“多写几句话”,而是:
- 需求是否清晰
- 结构是否可执行
- 是否站在真实产品角度
同一个 UI,Prompt 写法不同,结果可以完全不是一个水平。
写在最后
当你开始用「工程化思维」写 Prompt:
- 先定义范围
- 再拆组件
- 然后精修
你会发现,Vibe Coding 不再是一个“试试看的工具”,而是一个可以长期复用的 UI 生产力。