我作为一个非程序员使用AI Coding有一段时间了,今天的帖子不光是我自己经验的总结,也是这段时间学习的一个总结帖,更是一个讨教帖,希望有人真挚的给我反向一些学习经验或者学习链接之类的。 这个帖目标人群是给Fresh Vibe Coder们看的,如果有老程序员,欢迎指正+指导。首先说明,这是一篇用心的帖子,经验之谈,希望对目标人群有帮助。 一、准备工作 在我们开始写代码之前,其实有非常多的准备工作要做,记住,我们是毫无编程经验的小白,大概率无法在代码出来后还可以手动调整,我们后期跟AI的沟通就像在训狗,很多时候会把自己训的发火,反正我会,比如”你干nmb,说了几遍了,来来回回还是这个错误“之类的。别笑,如果你使用AI Coding工具试着创建过10个以上的小工具后,一定有一个瞬间是想骂他的。总而言之,要清楚知道,我们的容错率其实要比专业程序员低很多,因为当你提示词给的不精确的时候,后期debug、增加、删除、整改这些动作很可能让你的项目面目全非+屎山代码。但是我们又无法像程序员一样给到AI精准的提示词,就像我是学金融的,我说“贴现曲线重定价导致久期错配风险暴露”,AI就知道目前阶段如何调整投资配比,其实这句话意思是说“利率变了 → 目前投资和负债不匹配 → 有可能要亏钱“一个道理。所以前期做好充足的准备,目的是给后期带来更小的改动压力+更大的容错空间。 ✅找到创意想法/验证你的想法是否有利基市场:我之前写过一篇帖子,是教人如何在有一个Vibe Coding想法的时候,去实际找到相应的市场反馈以及积累第一波原始客户的帖子,是一个30K/MMR的YouTuber的经验分享,或者在你没有想法的时候也可以去试试他的方法去找到自己的创意。具体可以翻翻之前的帖子。 ✅API接口有哪些?这里要提前想好我们需要哪些接口来完成你的产品功能,衡量自己水平哪些是可以完成哪些是没法完成的,比如:我想做一个小红书或者B站的热门AI类内容爬取再一键仿写并且发布的生产级应用,对于程序员来说,爬取数据可能很简单,反正对我来说很难,巨难,巨tm难。大家也可以给我提供一些学习方法。 ✅ 基础Next.js相关知识 学习链接:踏踏实实的把Next.js的官方页面文档读完总结总结 中文课程(免费):我把链接放在评论区里。 ✅Gemini 3 Pro:我觉得这是我目前使用一遍提示词生成前端页面最好的AI工具,Claude封了我两个号以后我就没使用过了,Codex真没Gemini 3 Pro来的符合心意,这玩意因为生成你就能看到,比较直观,不过审美仁者见仁、智者见智,自己判断。 在这一遍提示词里,后面会详细说到,很重要。 ✅AI编程辅助工具:主流的目前貌似就是Gemini 3、Codex、Claude Code,可以使用他们的CLI也可以使用IDE,我的工具主要是Cursor和Antigravity,Antigrevity是因为Cursor达到limited后没办法。有很多人说他们用Gemini前端、Codex写框架、Claude Code写代码,我可能没到那么进阶,我的感受是:Codex与另外两个是有挺大区别的,Codex更专业,对小白更不友好。Codex就像上面举金融术语的例子一样,如果你可以写出非常精准的提示词给它,它能非常好的执行你的任务,但如果是像我一样“这个还是错误,查找、定位、修改”,这一类的提示词的话,我感觉Codex也在对面骂娘呢。反正不能很好的执行,但Claude Code和Gemini就好一些,不知道准不准,个人感受分享,大家也可以说说你们的体感是什么? ✅还有一项就是跟各种AI工具去沟通你的: 1. 产品目标:核心解决什么样的痛点? 2. 目标客户:解决哪些人的痛点? 3. 实际功能:哪些功能解决这些痛点? 4. 输出样式:客户看到的应该是什么样? 5. 不做什么:别跟老子啰B嗦的东西是什么?这里的老子是你的客户,不是你。 ⚠️6. 记住,始终以客户为核心,用客户视角看你自己的产品,AI避免幻觉,你也一样,别自High!! 这一项看起来有点像提示词工程是不是?为什么要跟各种AI工具沟通,给他们分别定义一个角色,你甚至可以把A工具的答案直接复制给B工具,来来回回直到产出的答案符合你的心意以后,最终形成格式文档,就是产品需求文档,需求文档的最终目标就是当AI编程工具没有足够的上下文的时候,它有一个核心文档可以参考,我们的项目是干什么的。就是喝多断片以后有一个帮你回忆的队友是一个概念。 ✅其实具备以上就可以开始着手工作了,但是我更喜欢在开始工作之前,把PRD按照「输入-处理-输出」拆成一个个的小任务,小步快跑,这也是Vibe的核心,不要一口吃成胖子。并且每一个任务创建一个markdown文档,这个也可以在编程过程中让Agent帮你,有时候会忘记。好处就是每一块都可以单独看、单独改、单独测试。 这一步我推荐大家一个好用的开源项目,GitHub上面52.3K的星标,叫Spec-Kit,规范开发,其实有点像最早Claude Code的Subagent那意思,使用 / 就可以规范开发了,具体自己去看,链接我也放在评论区了。 二、正式开始Q&A Q:为什么第一遍的提示词关键。 A:因为我们没有本事后期去调整页面布局,其实调整很简单,但是你信我,不会写代码,靠自然语言跟AI沟通大调页面是一个愚蠢至极的选择。 Q:关键点有哪些? A:第一遍的提示词越具体越好,对我来说分两种情况:第一种就是并不知道我的产品未来长什么样子,处于这种情况,我建议尽量少去描述产品“长头发、175大长腿、双眼皮、会弹钢琴“之类的。把你所需要的功能描述清楚,举几个方向: 1. 产品有几个页面,每个页面是干什么的 2. 需不需要账户注册/登陆、编辑资料,因为这涉及到数据库。 3. 需不需要接支付平台、因为涉及到如何配置。 4. 网页风格,这个是”孩子生出来黑皮肤、黄皮肤、白皮肤“的感觉。 总之把有的东西尽可能预留出来,尽可能考虑全面,差一点感觉后期就差很多。 第二种就是针对自己的产品具体涨什么样很清楚的人,那么就更简单了,甚至可以手稿一个页面草图,一样把功能描述清楚,草图里每一个容器指向哪一个功能,显示什么东西,如何显示等等,这一类人都知道必须”大眼睛双眼皮、175大长腿、38码的脚、D的胸“,所以写起来就比不知道的清楚。 Q:后期迭代 A:解释、调试、加需求: · 让AI当老师来解释代码:用我能听懂的方式解释这段代码在做什么,可以不要在Coding Agent里面去问,影响上下文,重新开一个AI工具专门做这个事。 · 让AI当工程师:查问题/修Bug:这里报错,如果要一步一步排查,第一步我先做什么? · 让AI当产品:在这个版本上,我要添加一个xxx功能,告诉我会影响哪些地方,导致什么结果? 能有点体会了吗?跟AI沟通,保证充足的上下文,然后把自己当作你9岁的儿子一样去问它问题,再按照它的办法去一点点推进,千万别”首页没对齐、把首页logo换个新颖点的、把对话框搞大一点“之类的。别问我怎么知道的。 三、求助 最后,真心希望有人能对于此帖子更新补充,相互学习,因为对于编程小白来说,Vibe Coding并不容易,哪怕现在有这么多的工具使用,B站的每一个板块都可以是10小时以上的课程。想要长期主义,但一方面也焦虑自己进步太慢。 想要从这些动则几小时的视频里提取精华,并不是一件容易的事,有时候真的就是一个过来人,多一句嘴,就能解决很大的困惑。 新手Easycompany总结不易,鼓励鼓励!
这是一个关于谷歌最新推出的Antigravity IDE 的使用总结。 Chrome 浏览器扩展:这是 Antigravity 最强大的功能之一,这里需要注意,不知道为什么在Google 扩展商城里搜索不到这个扩展,我在其他博主那找到的使用这个安装链接: 这个扩展允许 Antigravity 控制你的应用程序,进行应用内测试、点击按钮,甚至进行屏幕录制。 由于 Chrome 和 Antigravity 都是谷歌的产品,这种集成预计会越来越丝滑。 它甚至可以在你未开启隐身模式的情况下控制浏览器。这对于需要登录的应用进行测试非常有用,用户无需重复登录。 实时渲染与交互: 用户可以实时观看渲染的发生,同时另一侧在进行实时编码和录制。 该功能在短期内可能存在一些错误,但潜力巨大。 它能够根据视觉上下文创建组件。 IDE 包含一个代理管理器 (Agent Manager): 用于显示所有工作空间的文件,理论上,我们可以同时运行多个命令行或多个代理 (agents),甚至可以在单个应用程序上运行三四个代理来构建前端。 在其他的IDE里面也能这样操作,但是你需要开很多个窗口,Antigravity里面不需要开其他窗口就可以多任务执行。 实时预览 (Browser Preview): 在代码生成过程中或之后,可以点击顶部的 “Browser Preview” 来打开浏览器能力,观看渲染效果。 优化 Antigravity 的设置: · Review Policy (审查策略): 可以设置为“Always proceed”(总是继续),让 AI 模型自由执行命令而不暂停。或者设置为“Requests review”(请求审查),让 AI 在进行更改前征求您的同意。 · Terminal Command Auto Execution (终端命令自动执行): 建议初学者打开此选项。它允许 IDE 自动安装运行应用程序所需的一切依赖项,如创建 TypeScript React 应用时所需的安装包。 · Auto Open Edited Files (自动打开已编辑文件): 启用此设置可以赋予代理在您的代码库中更大的自由度。 · Auto Agent Fix Lints / Auto Continue: 尤其是“Auto Continue”对于代理捕捉编码过程中出现的错误或警告非常有用。 · Enable Agent Web Tools (启用智能网络工具): 它为代理提供了直接连接互联网的权限,以便在处理不同包和 API 时获取最新的信息。 · Browser: 启用此选项才能使用与 Chrome 交互的能力。
Easycompany
1个月前
Easycompany
1个月前
这篇文章,是我的读书笔记,也是写给那些非编程专业的人,想要通过使用AI辅助,来完成编程、来实现产品落地的怀着梦想的朋友们。 在一切开始前,我们还是需要具备一些网页开发的基础知识,在我跟着一些专业程序员使用AI工具去开发构建产品的过程里,我有一个非常大的启发,他们的实际开发流程和我们所想象的AI开发流程其实是不一样的。 举个例子:在最初我接触到AI编程的时候,没有产品需求文档,没有架构,没有项目结构,有的就是自然语言。我坚信通过沟通就可以讲清楚,可以实现项目落地。 这是非常严重的错误,本质来说就是方向错了,你不会到达目的地。 专业程序员开发,是严格讲究先后顺序,讲究关键节点的。敲重点,正确的开发顺序: 1️⃣使用AI产出产品原型图:这一步非常关键,我的理解是通过这一步,你自己作为产品的创造者,一定要非常清楚自己的产品 长什么样子 具备哪些功能: 有没有WOW Moment?放在哪个位置等等? 也是AI作为你的24小时“百变专家”员工,让你看到最初的产品长什么样子。所以这一步一定是先于编程和代码的。 2️⃣ 确定好软件的框架结构,这一项需要掌握一些开发最基础的内容,你说我不会怎么办?问你的机器猫啊。24小时“百变专家” 用人不疑,疑人不用,切记这一点,你别用着ChatGPT,心里想着Claud、Gemini。没有那个资本就别学人家“吃着碗里,看着锅里”。 3️⃣ 沟通项目结构,比如:至少要了解结构有哪些,分别是什么? 这一步干什么用的? 是告诉你:哪些代码是放在哪个文件里的?因为在后期开发过程里面,我们要尽可能精确的告诉AI工具,我们要在哪个对应的页面文件夹里做什么样的改变,这样才能让AI更好的明确问题,避免导致整个项目的损坏或者瘫痪。 4️⃣确定好以上3个核心点以后,接下来需要做的就是让AI生成你的项目需求文档,这也是我接触AI编程后才知道的,PRD文档。 这个东西就是你学车时候,上车先拉安全带,调整座椅靠背,调整后视镜,打火观察仪表台有没有异常灯亮,打转向灯并且观察周边情况后,挂档,放手刹,准备起步的整个操作规范是一样的,我这样说是希望大家能更清楚PRD的作用。 5️⃣有了这个东西以后,我们需要让AI基于这个文档,生成每一个功能的模块化开发流程,就像你教练第一天就告诉你学车的所有要领,你也无法全部掌握是一样的,你的“机器猫”也没有办法,所以我们可以直接跟AI交互,或者使用一些软件自带的Plan模式 这里可以介绍一个规范开发的GitHub开源项目叫“Spec Kit”,就可以很好的解决你开发过程里的规范问题。 6️⃣ 我们根据计划,这就可以作为整个项目的领头人,创作者,开始让AI开始从拆分开的模块一个一个实现功能了,但这里也有很多值得注意的: 1️⃣功能实现后再开始下一项; 2️⃣每一次开发小模块我们也需要有一个开发流程的闭环: 详细输入,给到AI尽可能详尽的上下文以及 需求👉开发👉检测👉发现Bug👉解决Bug需求👉修复👉检测👉产出详细项目进度并且更新文件👉Git 有人问Git是什么,我理解就是备份,但是Git可以单独开一门课来学习,是的,学海无涯。 我的总结: ❌ 一次性让AI开发过大的项目 ❌ 一次性大更该,导致项目混乱 ❌  忽视项目版本管理,这是AI编程的后悔药,你都不能保证一次性成功,何必要求别人。 ✅ 先原型、后编码,逐步细化。 ✅ 每次只聚焦一个小问题,及时预览和测试。 ✅ 善用AI的定位、解释、修复能力,遇到问题冷静交给AI。 ✅ 每次小步提交,文档和自动化脚本同步完善。 ✅ 用人不疑,疑人不用。 Vibe Coding是一项非常具备创造性的工程,它真的可以把你的一个想法,慢慢打磨称为产出级的产品,但同时,它也是一项技巧性很强的流程工作,掌握了沟通与开发技巧后,事半功倍。 我强烈建议 无论通过什么办法,学着使用规范开发先攒出5个可以运行的小东西,对于整个流程会有质的改变。
Easycompany
1个月前
我们每个人总希望自己这条河能够更宽一点、更深一点、更长一点,就像我们的账号一样,做有价值的内容输出。要做到更深,是靠自己的修行和对世界的理解;而要做到更宽,则是要和一些志同道合的人在一起共同做一些事情,苏联文豪高尔基讲过一句话 “给总比拿要快乐的多” 至于一种思想能否流传得更远,则要靠思想和价值,而这一点其实在短期内是很难知道的。 这也就是为什么,做自媒体的人: 1. 只要你坚持下去,其实就已经超越了90%的人了,无论哪个平台都是如此。 2. 只要你持续输入、消化过后大方的输出高质量内容,你就已经超越剩余10%里面的一半了。 3. 在之前坚持创作是做自媒体的关键,但在AI时代下,创作成本已经不再需要那么高了,但恰巧也突出了有创意性、有底蕴的内容更为难得。因为主观在于“你、我”、其次才是AI工具(至少目前看来依然是如此) 所以在当下,我们更应该付出比别人更多的努力,因为工具都是公开的,谁都可以使用,对人人都是公平的,而导致最终结果上的差异来源于每个人的认知和努力程度。 比如我刚才刷到的一条推,原来如果需要为企业创建一个3D形象代言非常难,而现在,只要有一个原型3D图,那么就可以根据这一个3D图通过自然语言获得各式各样的,打篮球的,捧火炬的,送外卖的等等的形象。 设想:那么如果有一个人把整个链路综合起来,帮助一些还不了解的企业主来制作这些东西,就是赚钱的机会。 碎片化信息以手指刷屏幕的速度迭代的当下,如何排除杂音、保持专注、整理可以武装自己的内容,并且找到舒服的方式输出。这个链路就尤为关键了。
Easycompany
1个月前
36岁失业,全职All in AI,听起来又是一个失败者换个赛道继续失败的故事有没有,2011年本科毕业于University of Essex,回国后在苹果公司工作一年,在央企金融机构工作了2年后,就一直创业到2025年,折腾过很多事情。为什么选择和AI沾边的领域——创造力、活力、风口!第一步是做出一个产品,哪怕是个MVP。目的不是挣钱,是把产品从0到1的流程走通——因为我不是产品、设计或编程科班出身。在一条不熟悉的路上摸索不是一件容易的事。 未来这个账号会分享一些创业心得,一些AI工具使用的体会和好工具的推荐。我喜欢有点深度的内容,也希望有朝一日自己的账号能做的符合自己的初心。做一个有深度、有温度、有存在的账号。反正也是个絮絮叨叨的账号吧,将就看吧,看官大大们! 为什么是现在? 我可以说说我错过的东西,我错过了淘宝账号代充电话卡的时代,当年还嘲笑周边为什么有人做这个事,后来一个淘宝账号能卖30万;我错过了电商时代,虽然我到今天为止也不太清楚电商、团购那个年代怎么挣钱的,我错过了08-15中国经济腾飞,股市快牛的时代,那会感觉周边人,就连我姥爷都是股市专家。我错过了疫情期间,抖音快速崛起的时代,那会已经有商业意识了,结果就是拍了5条500播放的视频就放弃了,现在回看我拍的视频,那种形式叫vlog,还挺好的。但是这次,我深刻能感受到AI行业以天为单位的快速迭代带来的巨大的商业机会和中间的信息差,俗话说,有信息差就有机会,也坚信这是未来、甚至可以说是我们这一代人的最大一次普通人够得到的风口,AI可以大幅降低人与人之间的鸿沟,前提是你会,我说的是真的会,使用AI工具。 可以看到我这个账号是在2010年左右就创建的,但是根本没有概念自媒体和流量的力量,回看过去,无论是以任何形式的与公众见面,文章、视频、博客等等,只有把自己放给观众,你才能不是一个互联网小透明,今年36本命年,其实是一个挺大的年纪了,好就好在,我自己心态跟大学刚毕业没有多少区别,偶尔混在大学校园里总觉得自己跟他们一样年轻,殊不知别人看我已经当自己老师的年纪看待。 所以非常想抓住这次AI带来的世界格局的重塑,有句话说的好,“一切行业都值得被AI重构。” 我也坚信,事实即是如此。 未来的路还很长,但是做自己喜欢的,有创造性的,能和优秀的人为伍的工作,本身就是一件快乐的事情。从中如果还能挣些钱,那岂不是一件快事儿。与其说我将是一名solo founder,不如称自己是一位“依然心存少年心气的中年大叔吧“。很高兴介绍自己,也期待认识更多志同道合的朋友。 ps.下图这提示词还挺叼的