<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>何夕2077的AI资讯日报 | 精选AI新闻与工具 | 洞悉AI前沿动态 – 何夕2077的博客</title><link>https://zjai.club/blog/</link><description>Recent content in 何夕2077的博客 on 何夕2077的AI资讯日报 | 精选AI新闻与工具 | 洞悉AI前沿动态</description><generator>Hugo -- gohugo.io</generator><language>zh-CN</language><lastBuildDate>Wed, 19 Nov 2025 15:32:00 +0800</lastBuildDate><atom:link href="https://zjai.club/blog/index.xml" rel="self" type="application/rss+xml"/><item><title>看完了 Google 这个新 IDE 的演示，我手里的 Trae 突然就不香了</title><link>https://zjai.club/blog/google-ai-coding-ide/</link><pubDate>Wed, 19 Nov 2025 15:32:00 +0800</pubDate><guid>https://zjai.club/blog/google-ai-coding-ide/</guid><description>
&lt;p>行吧，又攒了几个想聊的东西，本来想以后再说，但看完 Google 这个新出的演示视频，实在忍不住了，赶紧写下来免得忘了。&lt;/p>
&lt;p>是这样的，前两天 DeepMind 居然悄咪咪搞了个大动静，发布了一个叫 &lt;strong>Google Antigravity&lt;/strong> 的东西。&lt;/p>
&lt;p>乍一看是个 IDE（集成开发环境），但我越看越觉得不对劲。这玩意儿跟咱们现在用的 Cursor 或者 Copilot 好像不太一样。它给我的感觉，不像是给我手里塞了一把更快的“枪”，而是直接给我配了个能扛事的“观察手”。&lt;/p>
&lt;p>我就顺着我的看片思路，跟大伙唠唠这东西到底有点啥意思。&lt;/p>
&lt;h2>🤨 这界面有点“反直觉”，但我想试试&lt;span class="hx:absolute hx:-mt-20" id="-这界面有点反直觉但我想试试">&lt;/span>
&lt;a href="#-%e8%bf%99%e7%95%8c%e9%9d%a2%e6%9c%89%e7%82%b9%e5%8f%8d%e7%9b%b4%e8%a7%89%e4%bd%86%e6%88%91%e6%83%b3%e8%af%95%e8%af%95" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>刚打开视频的时候，我其实是有点懵的。&lt;/p>
&lt;p>一般来说 IDE 不就是左边文件树，右边代码框么？Antigravity 居然整出了三个核心界面，它叫“Three Surfaces”。&lt;/p>
&lt;p>除了咱们熟悉的 &lt;strong>Editor&lt;/strong>（编辑器），它还硬塞进来一个 &lt;strong>Agent Manager&lt;/strong>（代理管理器）和一个 &lt;strong>Browser&lt;/strong>（浏览器）。&lt;/p>
&lt;p>&amp;gt; 居然直接把 Chrome 塞进 IDE 里了？这内存占用真的不会原地爆炸吗……不过转念一想，Chrome 本来就是 Google 自家的，深度集成一下好像也没毛病。&lt;/p>
&lt;p>这个 &lt;strong>Agent Manager&lt;/strong> 挺有意思，你可以在这看到好几个 AI 代理在干活。对，不是一个，是一堆。你可以指挥这个去写后端，那个去画图。&lt;/p>
&lt;p>而那个内置的 &lt;strong>Browser&lt;/strong>，绝不仅仅是给你预览网页用的。最骚的操作来了：&lt;strong>它是给 AI 用的。&lt;/strong>&lt;/p>
&lt;p>AI 写的代码跑起来之后，AI 自己会控制这个浏览器，像个真人测试员一样，去点击按钮、输入文字、滚动页面。这画面真的，看着 AI 在那儿自己点自己写的网页，竟然有一种“孩子长大了会自己穿衣服”的欣慰感。&lt;/p>
&lt;h2>🤖 别问，问就是“全自动”&lt;span class="hx:absolute hx:-mt-20" id="-别问问就是全自动">&lt;/span>
&lt;a href="#-%e5%88%ab%e9%97%ae%e9%97%ae%e5%b0%b1%e6%98%af%e5%85%a8%e8%87%aa%e5%8a%a8" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>现在的 AI 编程工具，大多还是得你一句我一句地聊：“帮我写个函数”、“帮我改个 bug”。&lt;/p>
&lt;p>Antigravity 居然搞了个 &lt;strong>Auto 模式&lt;/strong>。&lt;/p>
&lt;p>开了这个模式，AI 就放飞自我了。它觉得需要安装依赖，就自己去跑终端命令；觉得需要建个文件，就自己建了。它不会每一步都停下来问你：“哎，大哥，我能跑个 npm install 吗？”&lt;/p>
&lt;p>当然，视频里也说了，敏感操作它还是会来请示你的。&lt;/p>
&lt;p>&amp;gt; 我现在的状态就是，有时候连 prompt 都懒得敲。这种“我就看着不动手”的感觉，确实有点爽。只要别给我把库删了就行。&lt;/p>
&lt;p>而且它支持&lt;strong>多任务并行&lt;/strong>。演示里那个老哥，一边让 AI 写后端 API，一边顺手开了个新对话让它设计 Logo。这俩事儿是同时进行的，互不耽误。这才是多核 CPU 该干的事儿嘛。&lt;/p>
&lt;h2>📝 拒绝“黑盒”，它居然会写报告&lt;span class="hx:absolute hx:-mt-20" id="-拒绝黑盒它居然会写报告">&lt;/span>
&lt;a href="#-%e6%8b%92%e7%bb%9d%e9%bb%91%e7%9b%92%e5%ae%83%e5%b1%85%e7%84%b6%e4%bc%9a%e5%86%99%e6%8a%a5%e5%91%8a" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>大伙用 AI 写代码最怕啥？最怕它写了一堆不知所云的东西，跑不通还很难 debug。&lt;/p>
&lt;p>Antigravity 这里引入了一套叫 &lt;strong>Artifacts&lt;/strong> 的东西，我觉得这个思路特别对。&lt;/p>
&lt;p>它在干活之前，会先给你列个 &lt;strong>Task List&lt;/strong>（任务清单），告诉你它打算分几步走。&lt;/p>
&lt;p>然后，注意了，它会出个 &lt;strong>Implementation Plan&lt;/strong>（实施计划）。这就像是它先给你交个技术方案文档，你点头了它再动手。&lt;/p>
&lt;p>最绝的是干完活之后，它会生成一份 &lt;strong>Walkthrough&lt;/strong>（演练报告）。&lt;/p>
&lt;p>&amp;gt; 以前我都是被 Leader 催着写日报，现在好了，AI 给我写日报。&lt;/p>
&lt;p>这个报告里不仅有它改了啥代码，甚至还有录屏！就是刚才提到的那个内置浏览器，它会把自己测试的过程录下来给你看：“你看，我输入了航班号，点击了搜索，结果出来了，没毛病。”&lt;/p>
&lt;p>这就很让人放心了。&lt;/p>
&lt;h2>🧠 配合 Gemini 3.0，脑子确实好使&lt;span class="hx:absolute hx:-mt-20" id="-配合-gemini-30脑子确实好使">&lt;/span>
&lt;a href="#-%e9%85%8d%e5%90%88-gemini-30%e8%84%91%e5%ad%90%e7%a1%ae%e5%ae%9e%e5%a5%bd%e4%bd%bf" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>这背后跑的模型，是 Google 最新的 &lt;strong>Gemini 3.0&lt;/strong>。&lt;/p>
&lt;p>视频里那个“航班追踪器”的 Demo 确实秀肌肉。&lt;/p>
&lt;p>AI 为了搞定数据，居然自己去搜了 &amp;ldquo;Aviation Stack API&amp;rdquo; 的文档。它不是瞎编一个 URL，而是真真切切地去读了文档，甚至还在终端里跑了个 &lt;code>curl&lt;/code> 命令去验证 API Key 对不对，返回的数据结构长啥样。&lt;/p>
&lt;p>甚至连 Logo 都是它现场用 Nano Banana 模型生成的，顺手就给塞到项目里去了。最后还把航班信息集成到了 Google Calendar 里。&lt;/p>
&lt;p>这哪是代码补全啊，这完全是一个这就具备初级全栈工程师+测试工程师+UI设计师能力的“数字员工”。&lt;/p>
&lt;h2>🔧 连 Commit 信息都帮我省了&lt;span class="hx:absolute hx:-mt-20" id="-连-commit-信息都帮我省了">&lt;/span>
&lt;a href="#-%e8%bf%9e-commit-%e4%bf%a1%e6%81%af%e9%83%bd%e5%b8%ae%e6%88%91%e7%9c%81%e4%ba%86" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>最后还有一个戳中我痛点的功能：&lt;strong>Context-Aware Commit&lt;/strong>。&lt;/p>
&lt;p>我平时写代码提交，Commit Message 经常就是 &lt;code>update&lt;/code>、`fix`、`wip` 这种毫无营养的词。&lt;/p>
&lt;p>Antigravity 因为全程看着你（和它自己）干了啥，所以它能根据上下文，自动生成非常详细、准确的 Git 提交信息。&lt;/p>
&lt;p>&amp;gt; 这个功能简直是解救强迫症。虽然我估计以后 Git Log 里全是 AI 的口吻，看着会不会有点怪怪的？&lt;/p>
&lt;p>-&amp;ndash;&lt;/p>
&lt;p>反正看完这一通演示，我是觉得 Google 这回是有备而来。&lt;/p>
&lt;p>Antigravity 加上 Gemini 3.0，它给出的愿景不再是“辅助你写字符”，而是“帮你把事儿办了”。从理解需求，到查文档、写代码、画素材、跑测试，最后提交代码，这一条龙服务确实有点东西。&lt;/p>
&lt;p>既然都看到这儿了，你要是觉得这种新技术分享有点意思，就加个&lt;strong>关注&lt;/strong>点个&lt;strong>赞&lt;/strong>呗，让我知道咱这儿还是有不少喜欢折腾新玩具的朋友的。👋&lt;/p></description></item><item><title>香港银行线上开户指南：内地居民一日办理五家银行账户的流程</title><link>https://zjai.club/blog/hong-kong-bank-online-account-opening/</link><pubDate>Tue, 28 Oct 2025 23:53:00 +0800</pubDate><guid>https://zjai.club/blog/hong-kong-bank-online-account-opening/</guid><description>
&lt;p>这是一份在香港境内，线上开通银行账户的流程指南。&lt;/p>
&lt;p>本指南覆盖五家银行：汇丰银行、中银香港、众安银行、天星银行、蚂蚁银行。按照流程操作，可在一日内完成全部线上申请。&lt;/p>
&lt;h4>&lt;strong>第一部分：准备工作&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="第一部分准备工作">&lt;/span>
&lt;a href="#%e7%ac%ac%e4%b8%80%e9%83%a8%e5%88%86%e5%87%86%e5%a4%87%e5%b7%a5%e4%bd%9c" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h4>&lt;p>开户前，需要准备以下材料。缺少任何一项都无法完成线上流程。&lt;/p>
&lt;ol>
&lt;li>&lt;strong>证件&lt;/strong>&lt;/li>
&lt;/ol>
&lt;p>* 内地居民身份证。&lt;/p>
&lt;p>* 港澳通行证。&lt;/p>
&lt;p>* 确保两证有效期均大于六个月。&lt;/p>
&lt;ol start="2">
&lt;li>&lt;strong>已开通国际漫游的手机号&lt;/strong>&lt;/li>
&lt;/ol>
&lt;p>此项用于接收香港银行发送的短信验证码，不是为了上网。上网流量可通过支付宝境外流量包或运营商漫游服务解决。&lt;/p>
&lt;ol start="3">
&lt;li>&lt;strong>出入境记录证明 (PDF)&lt;/strong>&lt;/li>
&lt;/ol>
&lt;p>这是关键文件。&lt;/p>
&lt;p>* 在微信搜索“移民局12367”小程序。&lt;/p>
&lt;p>* 进入后，下载“出入境记录查询证明”。&lt;/p>
&lt;p>* 将生成的 PDF 文件保存到手机。&lt;/p>
&lt;p>* 有一次从内地口岸的出境记录即可。&lt;/p>
&lt;ol start="4">
&lt;li>&lt;strong>实体卡收件地址&lt;/strong>&lt;/li>
&lt;/ol>
&lt;p>准备一个用于接收实体卡的内地地址。需提供中英文两个版本。地址过长时，可使用标准缩写，如 &lt;code>Building&lt;/code> 缩写为 &lt;code>BLDG&lt;/code>。&lt;/p>
&lt;ol start="5">
&lt;li>&lt;strong>银行应用 (App)&lt;/strong>&lt;/li>
&lt;/ol>
&lt;p>提前下载以下应用：&lt;/p>
&lt;p>* 汇丰HSBC HK&lt;/p>
&lt;p>* 中银BOCHK&lt;/p>
&lt;p>* 众安ZA Bank&lt;/p>
&lt;p>* 天星AIRSTAR Bank&lt;/p>
&lt;p>* 蚂蚁银行通过支付宝小程序操作，无需独立 App。&lt;/p>
&lt;h4>&lt;strong>第二部分：操作流程&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="第二部分操作流程">&lt;/span>
&lt;a href="#%e7%ac%ac%e4%ba%8c%e9%83%a8%e5%88%86%e6%93%8d%e4%bd%9c%e6%b5%81%e7%a8%8b" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h4>&lt;p>建议顺序：先办理汇丰和中银，再办理三家虚拟银行。&lt;/p>
&lt;h5>&lt;strong>1. 汇丰银行 (HSBC)&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="1-汇丰银行-hsbc">&lt;/span>
&lt;a href="#1-%e6%b1%87%e4%b8%b0%e9%93%b6%e8%a1%8c-hsbc" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h5>&lt;p>流程全部在线上完成。&lt;/p>
&lt;ol>
&lt;li>
&lt;p>打开 HSBC HK 应用，选择“我没有任何汇丰账户”。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>身份验证环节，选择“我身处香港，但我没有香港身份证”。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>账户类型选择“汇丰one”，此账户无最低存款要求。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>填写信息：&lt;/p>
&lt;/li>
&lt;/ol>
&lt;p>* 开户用途建议选择“储蓄/投资”。&lt;/p>
&lt;p>* 税务编号填写内地身份证号。&lt;/p>
&lt;p>* 填写准备好的中英文收件地址。&lt;/p>
&lt;ol start="5">
&lt;li>
&lt;p>上传资料：按提示拍摄身份证件。之后，需要使用手机的 NFC 功能读取港澳通行证芯片信息。将通行证贴近手机背面感应区即可。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>设置登录凭证后提交申请。审核结果通常在几分钟内通过邮件通知。&lt;/p>
&lt;/li>
&lt;/ol>
&lt;p>​&lt;strong>关于收卡&lt;/strong>​：实体卡由制卡商 &lt;code>IDEMIA&lt;/code> 通过 EMS 从深圳寄出。建议关注“EMS中国邮政速递物流”微信服务号并绑定手机，以便追踪物流。如超过两周未收到，需联系银行客服。&lt;/p>
&lt;h5>&lt;strong>2. 中银香港 (BOCHK)&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="2-中银香港-bochk">&lt;/span>
&lt;a href="#2-%e4%b8%ad%e9%93%b6%e9%a6%99%e6%b8%af-bochk" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h5>&lt;p>流程与汇丰类似。&lt;/p>
&lt;ol>
&lt;li>
&lt;p>打开 BOCHK 应用，选择“开立账户”。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>身份选择“中国居民身份证”，并确认“我身处香港”。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>开户方式选择“我不在分行”，账户类型选择“自在理财”，此账户同样无存款要求。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>上传资料：按提示上传身份证、港澳通行证以及准备好的出入境记录 PDF 文件。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>完成人脸识别和个人信息填写。开户理由选择“投资理财”或“储蓄”。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>提交申请。&lt;/p>
&lt;/li>
&lt;/ol>
&lt;h5>&lt;strong>3. 虚拟银行：众安、天星、蚂蚁&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="3-虚拟银行众安天星蚂蚁">&lt;/span>
&lt;a href="#3-%e8%99%9a%e6%8b%9f%e9%93%b6%e8%a1%8c%e4%bc%97%e5%ae%89%e5%a4%a9%e6%98%9f%e8%9a%82%e8%9a%81" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h5>&lt;p>这三家为虚拟银行，申请流程基本一致：填写资料、上传证件、人脸识别。&lt;/p>
&lt;p>注意以下几点：&lt;/p>
&lt;p>* ​&lt;strong>地址&lt;/strong>​：必须提供精确到门牌号的详细地址。&lt;/p>
&lt;p>* ​&lt;strong>税务身份&lt;/strong>​：选择“仅为中国内地税务居民”。&lt;/p>
&lt;p>* ​&lt;strong>税务编号&lt;/strong>​：填写内地身份证号。&lt;/p>
&lt;p>* ​&lt;strong>出入境记录&lt;/strong>​：均需要上传。&lt;/p>
&lt;h4>&lt;strong>第三部分：通用原则&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="第三部分通用原则">&lt;/span>
&lt;a href="#%e7%ac%ac%e4%b8%89%e9%83%a8%e5%88%86%e9%80%9a%e7%94%a8%e5%8e%9f%e5%88%99" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h4>&lt;ol>
&lt;li>
&lt;p>​&lt;strong>资料真实性&lt;/strong>​：所有提交信息必须真实。银行会进行核查，提供虚假信息会导致申请失败并可能被列入黑名单。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>​&lt;strong>信息一致性&lt;/strong>​：确保在所有银行填写的姓名拼音、地址等信息完全一致。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>​&lt;strong>开户目的&lt;/strong>​：选择“个人理财”、“储蓄”或“港股投资”等简单直接的选项。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>​&lt;strong>操作时间&lt;/strong>​：建议在工作日的工作时间内提交申请，审核速度更快。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>​&lt;strong>账户激活&lt;/strong>​：开户成功后，应立即登录手机银行应用并设置指纹或面容登录。这是证明账户已激活的第一步。&lt;/p>
&lt;/li>
&lt;/ol></description></item><item><title>19天上线网站，插件，桌面应用全家桶，一份非主流AI Coding实战报告</title><link>https://zjai.club/blog/ai-coding-development-workflow-case-study/</link><pubDate>Wed, 08 Oct 2025 06:06:00 +0800</pubDate><guid>https://zjai.club/blog/ai-coding-development-workflow-case-study/</guid><description>
&lt;p>还记得我之前发起的&lt;strong>AI Coding邀请&lt;/strong>吗？这些天过去，项目上线了，脑子也清醒了。今天不扯情怀，不聊心路历程，咱们开诚布公，就硬核地聊聊这19天里，我用AI当“结对编程”的“队友”，是怎么把 &lt;strong>PromptHub&lt;/strong> 这个项目从一个想法，变成一堆能跑的代码的。&lt;/p>
&lt;p>这份报告，可能跟你想的**“Vibe Coding”**不太一样。这里没有魔法，全是工程、取舍，还有一堆踩坑之后才搞明白的“原来如此”。&lt;/p>
&lt;h2>&lt;strong>架构选型：AI当“脚手架”，我当“决策者”&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="架构选型ai当脚手架我当决策者">&lt;/span>
&lt;a href="#%e6%9e%b6%e6%9e%84%e9%80%89%e5%9e%8bai%e5%bd%93%e8%84%9a%e6%89%8b%e6%9e%b6%e6%88%91%e5%bd%93%e5%86%b3%e7%ad%96%e8%80%85" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>一开始，我就给 &lt;strong>PromptHub&lt;/strong> 定了个挺变态的目标：Web、Chrome插件、Electron桌面端，三端同步开发。后端用Next.js的API Route，数据库从SQLite起步，随时准备切生产环境。&lt;/p>
&lt;p>这套技术栈，换以前，光是把&lt;code>package.json&lt;/code>配平、各个环境的&lt;code>tsconfig.json&lt;/code>搞定，就够我喝一壶的。&lt;/p>
&lt;p>我的做法是，把AI当成一个&lt;strong>超高级的脚手架生成器&lt;/strong>。我不是问它“我该用什么技术”，而是直接下命令：&lt;/p>
&lt;p>&lt;code>“我要一个Next.js项目，用TypeScript。集成Drizzle ORM，数据库用SQLite。给我加上JWT认证，实现Google和GitHub的OAuth登录。再把Stripe的计费框架搭起来，给我留好接口。”&lt;/code>&lt;/p>
&lt;p>9月17号，AI花了大概一个下午，基于简易的多语言模板项目，给我吐出了一个基本可用的后端框架。这不是简单的代码片段，这是&lt;strong>架构的实例化&lt;/strong>。它把那些最繁琐、最重复的“胶水代码”给干完了，让我能直接开始写核心业务。&lt;/p>
&lt;p>&lt;strong>第一个感悟：在项目启动阶段，AI最大的价值是消除“启动摩擦力”。&lt;/strong>&lt;/p>
&lt;p>&lt;img src="https://zjai.club/images/111.webp" alt="" loading="lazy" />&lt;/p>
&lt;h2>&lt;strong>开发方法论：告别“Vibe Coding”，拥抱“原子任务”&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="开发方法论告别vibe-coding拥抱原子任务">&lt;/span>
&lt;a href="#%e5%bc%80%e5%8f%91%e6%96%b9%e6%b3%95%e8%ae%ba%e5%91%8a%e5%88%abvibe-coding%e6%8b%a5%e6%8a%b1%e5%8e%9f%e5%ad%90%e4%bb%bb%e5%8a%a1" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>网上那种“Vibe Coding”（一句话开发）的视频，看看就行了，谁信谁天真。企业级的项目开发，靠的是严谨的工程学。我摸索出的模式，我称之为**“原子任务”或者说“搭积木”**。&lt;/p>
&lt;p>开发一个功能，我会把流程拆解到极致，然后开好几个AI对话窗口，并行推进：&lt;/p>
&lt;ul>
&lt;li>
&lt;p>• &lt;strong>窗口A（数据库专家）&lt;/strong>：“根据我的需求，设计&lt;code>prompts&lt;/code>表结构，用Drizzle ORM的语法写出来。”&lt;/p>
&lt;/li>
&lt;li>
&lt;p>• &lt;strong>窗口B（后端专家）&lt;/strong>：“这是表结构，给我写出对应的增删改查API，用Next.js的API Route实现，做好权限校验。”&lt;/p>
&lt;/li>
&lt;li>
&lt;p>• &lt;strong>窗口C（前端专家）&lt;/strong>：“这是API接口，用React和Tailwind给我写一个能调用这些接口的管理页面组件。”&lt;/p>
&lt;/li>
&lt;/ul>
&lt;p>这种模式的好处是：&lt;/p>
&lt;ol>
&lt;li>
&lt;p>1. &lt;strong>上下文隔离&lt;/strong>：每个窗口的AI都只专注于一件事，不会因为上下文过长而“精神错乱”。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>2. &lt;strong>职责单一&lt;/strong>：代码解耦做得特别好，AI很少会写出前后端混杂的意大利面条代码。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>3. &lt;strong>并行效率&lt;/strong>：我在等后端API写好的时候，已经可以开始构思前端组件了。&lt;/p>
&lt;/li>
&lt;/ol>
&lt;p>&lt;strong>第二个感悟：别把AI当成一个无所不能的大神，把它当成一个由多个“领域专家”组成的小团队。&lt;/strong>&lt;/p>
&lt;p>&lt;img src="https://zjai.club/images/222.webp" alt="" loading="lazy" />&lt;/p>
&lt;h2>&lt;strong>硬核踩坑：那些AI也救不了我的瞬间&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="硬核踩坑那些ai也救不了我的瞬间">&lt;/span>
&lt;a href="#%e7%a1%ac%e6%a0%b8%e8%b8%a9%e5%9d%91%e9%82%a3%e4%ba%9bai%e4%b9%9f%e6%95%91%e4%b8%8d%e4%ba%86%e6%88%91%e7%9a%84%e7%9e%ac%e9%97%b4" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>AI Coding不是银弹。在某些领域，特别是底层和配置相关的，它犯的错比我还离谱。&lt;/p>
&lt;h3>&lt;strong>1. 数据库选型：Turso vs Supabase&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="1-数据库选型turso-vs-supabase">&lt;/span>
&lt;a href="#1-%e6%95%b0%e6%8d%ae%e5%ba%93%e9%80%89%e5%9e%8bturso-vs-supabase" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h3>&lt;p>我一开始为了尝鲜，用了分布式的 &lt;strong>Turso&lt;/strong> 数据库。听起来很酷，对吧？结果数据同步延迟高到离谱，用户创建一个提示词，刷新好几次都出不来。我尝试加了&lt;code>consistency=strong&lt;/code>参数，屁用没有。&lt;/p>
&lt;p>最后果断弃坑，换回了基于PostgreSQL的 &lt;strong>Supabase&lt;/strong>。这个决策，AI给不了你。你必须懂数据库的&lt;strong>一致性模型&lt;/strong>，才能明白Turso的异步特性跟我的业务场景是根本冲突的。&lt;/p>
&lt;p>&lt;img src="https://zjai.club/images/333.webp" alt="" loading="lazy" />&lt;/p>
&lt;h3>&lt;strong>2. Next.js的&lt;/strong>&lt;code>useEffect&lt;/code>&lt;strong>死循环&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="2-nextjs的useeffect死循环">&lt;/span>
&lt;a href="#2-nextjs%e7%9a%84useeffect%e6%ad%bb%e5%be%aa%e7%8e%af" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h3>&lt;p>这是个经典问题。在管理页面，接口被无限循环调用。我把代码丢给Qwen3，它给我改了半天，还是没解决。&lt;/p>
&lt;p>最后还是得靠自己。我分析了&lt;code>useEffect&lt;/code>的依赖项，发现里面混入了太多动态的状态，导致了连锁反应。我手动重构了它，只保留了最核心的&lt;code>user?.personalSpaceId&lt;/code>作为依赖。问题解决。&lt;/p>
&lt;p>然后，我把&lt;strong>正确的解决方案&lt;/strong>喂给AI，告诉它：“以后遇到类似问题，要这样改。” 这其实是在&lt;strong>反向训练AI&lt;/strong>，让它学习我的最佳实践。&lt;/p>
&lt;p>&lt;img src="https://zjai.club/images/444.webp" alt="" loading="lazy" />&lt;/p>
&lt;h3>&lt;strong>3. Chrome插件的权限黑洞&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="3-chrome插件的权限黑洞">&lt;/span>
&lt;a href="#3-chrome%e6%8f%92%e4%bb%b6%e7%9a%84%e6%9d%83%e9%99%90%e9%bb%91%e6%b4%9e" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h3>&lt;p>插件开发，AI基本就是个小白。&lt;code>content.js&lt;/code>死活不加载、&lt;code>localStorage&lt;/code>数据不通……这些问题，AI给的答案全是错的。&lt;/p>
&lt;p>最后还是老老实实去翻Chrome开发者文档，搞明白了&lt;code>host_permissions&lt;/code>和&lt;code>scripting&lt;/code>权限的区别，才把问题解决。&lt;/p>
&lt;p>&lt;strong>第三个感悟：AI擅长“实现”，但不擅长“决策”和“调试”。特别是在涉及底层原理、平台特性和性能瓶颈的地方，最终拍板和debug的还得是你自己。&lt;/strong>&lt;/p>
&lt;h2>&lt;strong>我的模型“工具箱”&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="我的模型工具箱">&lt;/span>
&lt;a href="#%e6%88%91%e7%9a%84%e6%a8%a1%e5%9e%8b%e5%b7%a5%e5%85%b7%e7%ae%b1" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>我从不迷信任何一个模型。我的策略是动态切换，把合适的工具用在合适的地方。&lt;/p>
&lt;ul>
&lt;li>
&lt;p>• &lt;strong>架构设计 &amp;amp; 复杂Bug修复&lt;/strong>：首选 &lt;strong>Gemini 2.5 Flash&lt;/strong>。免费，而且在解决像Next.js水合错误这种疑难杂症时有奇效。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>• &lt;strong>UI/UX代码实现&lt;/strong>：&lt;strong>Claude 4.1&lt;/strong> 是不二之选。它的CSS审美和代码实现能力是最好的，但也是最贵的，我只在关键页面用它。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>• &lt;strong>日常CRUD和组件开发&lt;/strong>：&lt;strong>Qwen3 Coder Plus&lt;/strong> 性价比最高，干体力活儿任劳任怨。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>• &lt;strong>数据处理和脚本生成&lt;/strong>：在逆向Google AI Studio的API，做数据迁移时，我用了 &lt;strong>Kilo&lt;/strong> 配合Gemini，让它分析JSON结构，自动生成Python脚本，效率极高。&lt;/p>
&lt;/li>
&lt;/ul>
&lt;p>&lt;img src="https://zjai.club/images/555.webp" alt="" loading="lazy" />&lt;/p>
&lt;hr>
&lt;p>总而言之，这19天的开发，与其说是“AI编程”，不如说是一场“&lt;strong>人机协同的极限编程&lt;/strong>”。AI是那个敲代码飞快的实习生，而我，是那个需要时刻把控方向、做出关键决策、并在他搞砸时能出手救场的架构师。&lt;/p>
&lt;p>这种模式下，开发者的核心价值，从“写代码”，转向了**“提问题”、“做决策”和“系统设计”**。&lt;/p>
&lt;p>这可能，就是我们开发者未来的样子吧。&lt;/p>
&lt;p>&lt;strong>这是网站链接，有兴趣的可以去试试:&lt;/strong>
&lt;a href="https://prompt.hubtoday.app/" title="https://prompt.hubtoday.app/"
target="_blank" rel="nofollow noopener noreferrer"
>
&lt;strong>https://prompt.hubtoday.app/&lt;/strong>&lt;/a>
&lt;/p>
&lt;p>也可加我微信进群交流：justlikemaki&lt;/p></description></item></channel></rss>