Vibe Coding 学习
现在编程还离得开ai吗?
Vibe Coding 六大步骤:
01 需求对其
这里我用skill直接生成PRD
参考skill
01 视觉交互
参考b站有个技术提出的低保真设计图 vibecoding新手必会技巧:低保真原型图_哔哩哔哩_bilibili
提示词:低保真线框图
请根据当前项目已经写好的PRD,梳理产品的完整核心交互流程,并生成一份低保真线框图,最终输出为一个单页HTML文件。
要求:
1.只做低保真,不做正式UI。使用黑白灰、基础框线和图片占位块,只表达信息层级、核心文案、按钮位置和页面状态;
2.每一屏都标清页面名称、它在流程里的位置、用户可以执行的操作,以及操作之后会进入哪个页面或状态;
3.不要擅自增加PRD里没有的功能。PRD中没有说明清楚的地方单独标成「待确认」,不要自行补全;
4.按照用户真实使用产品的先后顺序分组,把PRD中涉及的核心页面和关键状态全部平铺在同-页,让我可以从头到尾检查整个流程;
5.除了正常流程,还要补齐 PRD中涉及的首次使用、权限申请、加载中、无数据、失败和异常恢复等状态;
6.所有内容放在一个HTML文件里,打开文件就能完整查看。
先不要直接生成。先列出你准备画的页面、关键状态和页面之间的跳转关系,等我确认之后再生成。
- 感谢你赐予我前进的力量
赞赏者名单
因为你们的支持让我意识到写文章的价值🙏
本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 honge-洪哥仔
评论
匿名评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果

