最近经常看到 vibe coding 的帖子,比如用 claude code + cursor 完成一个网站,比较好奇流程是怎么样的,还有提示词应该怎么编写,请教一下各位。
![]() |
1
chiaf 8 天前 via iPhone
当产品经理呗。
创建空项目,然后配置好各种文件,例如 claude .md 或者 cursor 的相关文件。 然后把你的想法要求说出来,详细点,有时候你得给他修改代码😅 最重要的是你好明白你要做的东西是什么。 |
![]() |
2
chiaf 8 天前 via iPhone ![]() 最简单的例子,你可以创建一个新的前端项目,react vue 都可以,然后接入 ai ,照着 Google 的页面你给他描述,让他完成一个类似的页面。
基本操作下就能明白,剩下的就是提示词调整了。 |
![]() |
3
zaunist 7 天前 ![]() 事实上你需要有编程能力,因为 AI 在编码过程中容易出现幻觉,你要及时纠正,否则代码会越写越乱。
在开始开发项目之前,你就需要脑海里知道你这个网站的架构,比较细的功能点可以后续慢慢补,但是整体框架你需要有一个清晰的认识,要用到哪些技术栈,用到哪些框架,哪些库,可能遇到的难点。然后就是基于你对这个项目的规划,写好一份 project_rules ,再然后才是写提示词,让 AI 开始动手,而这里面写 project_rules 和提示词同样可以让 AI 来帮你写,一般来说用 gemini 写的效果还可以; AI 写出来 project_rules 和提示词以后,你再改一改,接下来就就可以交给 cursor 或者 claude code 来操作了。 当然也可以无视上述操作,可以一句话生成一个 todo 应用 :) ,但是稍微复杂点的应用,仅仅靠提示词是处理不了的,一定需要开发者介入,而如果开发者本身不能纠错,那这个 vibe coding 最终结果大概率是凉凉。 |
4
alvinzheng 4 天前
我来分享下经验,花了 2 天功夫为公司开发了一个报销系统和项目管理系统(公司不大,所以系统都是比较小型的)。首先要采用成熟的技术(我用的 nextjs+prisma+tailwind+shadcn ,中间走弯路用了 heroui ,gemini 不太熟悉),其次开发之前需要先设计好整体架构,从数据库开始,到 UI 用的 dto ,到最终 page 大概的样子。这中间可以不断让大模型给出建议和方案,查漏补缺。等到最终需求和方案都定下来,再让他设计一个个子模块和页面。这样成功率比较高,基本没有什么大的问题,不过高强度的对话对 token 的使用很高,自己在账号用完,又在淘宝买了一个账号。
|
5
alvinzheng 4 天前
补充一下,我是 ai studio 和 gemini cli 混用,ai studio 回答效果是最好的,但是用起来比较麻烦; gemini 用起来方便,但是有些问题不太好解决,需要配合 ai studio 一起
|