惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

G
Google Developers Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
WordPress大学
WordPress大学
阮一峰的网络日志
阮一峰的网络日志
V
Visual Studio Blog
雷峰网
雷峰网
博客园_首页
The Cloudflare Blog
Hugging Face - Blog
Hugging Face - Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
爱范儿
爱范儿
小众软件
小众软件
D
Docker
P
Proofpoint News Feed
B
Blog
Vercel News
Vercel News
B
Blog RSS Feed
U
Unit 42
月光博客
月光博客
The GitHub Blog
The GitHub Blog
Apple Machine Learning Research
Apple Machine Learning Research
Y
Y Combinator Blog
I
InfoQ
Recent Announcements
Recent Announcements

V2EX

我用 AI 写代码,但终端管理反而成了累赘——于是我做了 codux [调研] 各位在公司都用什么 ide 和 agent 写代码? 老运维 share 一个运维平台 看到有公司考核 token 指标,很好奇大家上个月的 AI 账单是多少 GLM-Coding 调用持续报错: z.ai 的 Lite 套餐几乎无法使用,官方 Pro/Max 是否稳定? 现在还有什么渠道可以稳定安全地使用 Claude 吗? 上海漕河泾内推,本组有 2 个 hc,一个后端,一个前端,预算都是 20k 左右,不打卡,氛围好 如果 V2EX 上有一组不永久保存聊天记录(比如只保存 7 天或者 24 小时)的聊天室,那么会开启哪些有用或者有趣的可能? gemini cli 貌似挂了,一直返回 403 第一次在自媒体上赚到钱 收集了最近在使用的低价 GPT, Gemini,邮箱等 AI 会员的小店合集 讨论个大实话:现在企业还在说 AI 编程提效 20%, 30%的,真的太落后,没用懂 AI。因为包括很多前沿公司,已经狂奔到提效 200%-500%的情况 [招聘][远程][币安] 前端/后端/QA/iOS/Android 至少 3 年以上经验 目前有大量 HC 欢迎投递 Chatgpt Pro 用量用不完的可以开这些设置 面试的时候好像遇到钓鱼了,给各位避个坑 cursor 年续费 22 号到期, 自动续费是否还是老的计次套餐呢 被两件破事毁掉的一下午,琐碎的内耗消磨人的精力 使用 Planet 存储 Codex 的会话或者重要信息 如果业务部门领导不要你开发功能,而是要求你教会它用 claude code 开发功能,你会怎么做? 分享一个 MacOS 接绿联 CM818 USB 转 DP 转接器使用感受 我的 HR 朋友 10 年老 Java ,非全大专,大家帮忙看看简历 开源了一个 AI 口语练习工具,音素级发音评分,完全免费可自部署 V2EX 上有哪些你觉得很有趣、印象深刻的妹纸? 字节为啥不出个国内版 Vercel? 有在大马的朋友吗? 问个运营商问题 你们在有领导的公司大群发过的最大胆的消息是什么 公司裁员,目前没有工作。想试试摆摊,做一个移动鲜啤打酒车 我的硬盘 Memblaze Pblaze 5 Linux 下不识别,给 Linux 内核提交了补丁, AI 说有望被合并 只有我一个人觉得 codex 不好用?
一个周末从零 Vibe Coding 一个完整产品的一些心得体会
tf2017 · 2025-12-04 · via V2EX

周末的时候尝试不写一行代码开发一个 Nano Banana Pro 图片生成工具,一方面是进一步体验 Vibe Coding IDE 的能力,另一方面,确实是觉得现在的 Nano Banana Pro 图片生成工具不好用。

实验结果已经上线了,希望这篇文章以及这个小工具都能对你有用:https://www.poshcam.app/

1. 一定要知道 AI 在干什么

如果这个产品不是一个一次性的脚本,你一定要对整体的方案是有所把控,知道 AI 在干什么。

不要把 AI 写的代码当成黑盒,不然会非常痛苦(至少目前是这样的),可以不细看每一行代码,但是一定要知道这一段代码在做什么事情。

不然的话,会遭遇按下葫芦起来瓢的尴尬境地,以至于难以继续修复问题和添加新的功能。

如果要对项目整体有所把控,让 AI 从写文档开始,是一个不错的选择,尤其是一个新的项目。

2. 让 AI 编写产品设计文档

写文档必然是枯燥的,但是让 AI 来写这个事情就变得简单很多了,而且只需要你跟 AI 对齐就可以了,不用考虑其他角色。

让 AI 编写需求文档只需要告诉用户我们想要实现的核心功能,例如在 PoshCam 中:

  • 首页,可以免登录访问图片生成器
  • 图片库页面,可以管理自己生成的图片
  • 价格页面,供用户购买 Credits
  • 个人详情页面,查看自己的个人信息、剩余 Credtis 对于一些非常细节的想法,可以通过比较粗略的描述生成的初版后,再给 AI 补充,说得太详细,很有可能会限制 AI 的想象力。

另外,AI 在写产品需求文档的时候,习惯直接在文档中编写示例代码,其实完全没有必要,可以直接在每个调整产品设计文档的 Thread 中告诉 AI ,或者直接写到 Claude.md 中。

3. 让 AI 编写技术方案文档

产品设计方案基本确定后,就可以让 AI 基于产品设计文档进行技术方案确定。

作为一个有开发经验的人,在架构设计、技术方案选型方面,一定会有自己的偏好,作为一个小项目,肯定不希望 AI 在实现的过程中过度设计(例如直接假设我在 AWS 上有全套的基础设施)同时也不希望他设计不足,例如生图片肯定还是个异步任务,就不能设计成同步的,基本的异步任务处理逻辑还是要有的。

可以告诉 AI 期望使用的框架和工具,例如再 PoshCam 中,有些我是明确要求的:nextjs ,tailwindcss ,antd ,supbase ,stripe 。至于异步任务的实现,我是不确定的,所以我会让 AI 帮我进行选型,我只告诉 AI ,我希望通过一些小型的 Saas 平台来低成本低实现,结果他给我结合我选的 nextjs ,推荐了 Inngest ,我还是非常不错的。

另外,需要补充一点,数据库的设计往往会在开发过程中频繁地修改,所以要告诉 AI 在调整数据库结构的时候,通过一个新的 SQL 文件来进行更新,而不是直接修改初始的 schema 文件,这样会让迭代过程更顺畅一些。

4. 设定基本的 UI 风格

我的感受是,当技术方案确定后,后端的业务逻辑代码基本上一次性就能实现得比较不错,有些地方代码风格可能糙了点,但又不是不能用,而且别人也看不见。

最关键的是前端的代码,不管是 UI 风格,还是交互逻辑的细节,毕竟直接与用户体验相关,不是能用就可以的,一定要做到好用。所以说,经验丰富的前端程序员相比于业务后端程序员,更不容易被 AI 所取代。

言归正传,在让 AI 编写前端代码的过程中,我一开始总是使用 “时尚”、“高级” 等词汇,希望不要限制 AI 的想象力,结果 AI 基本上会把这些词映射成:紫色 + 渐变风格 + 非常离谱的阴影。所以,要想有高级一点的的 UI 风格,可以直接在 Claude.md 中说明白:不要使用紫色和渐变效果,禁止使用荧光感的阴影效果。

5. 最后

以上,写得有点仓促,希望能对大家有所帮助,也欢迎大家体验 https://poshcam.app 。对于这个小东西,技术方面,如果大家还有什么细节想要了解的,欢迎评论区留言。产品方面,我还有一些小想法,例如把每一个模板做成一个可以独立访问的 mini app 页面,关于这方面大家有什么好的想法,也欢迎跟我交流。

如果大家确实觉得免费的积分不足以好好体验,可以评论留下你的账号邮箱,我可以免费再送一点。