<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Hex2077's AI Daily | AI News | AI Tools | AI Insights – 何夕2077的博客</title><link>https://zjai.club/en/blog/</link><description>Recent content in 何夕2077的博客 on Hex2077's AI Daily | AI News | AI Tools | AI Insights</description><generator>Hugo -- gohugo.io</generator><language>en</language><lastBuildDate>Wed, 19 Nov 2025 15:32:00 +0800</lastBuildDate><atom:link href="https://zjai.club/en/blog/index.xml" rel="self" type="application/rss+xml"/><item><title>11-19-Daily AI News Daily</title><link>https://zjai.club/en/blog/google-ai-coding-ide/</link><pubDate>Wed, 19 Nov 2025 15:32:00 +0800</pubDate><guid>https://zjai.club/en/blog/google-ai-coding-ide/</guid><description>
&lt;p>Google&amp;rsquo;s latest demo video totally just blew my mind. I&amp;rsquo;d been collecting a few things to talk about, planning to save them for later, but I simply couldn&amp;rsquo;t hold back. Had to jot these thoughts down ASAP before they slipped away.&lt;/p>
&lt;p>&lt;strong>Google Antigravity&lt;/strong>, something DeepMind quietly unveiled a couple of days ago, has made quite a stir.&lt;/p>
&lt;p>&lt;strong>Antigravity&lt;/strong> initially comes off as an IDE (Integrated Development Environment), but the more I checked it out, the more I realized something was different. This tool doesn&amp;rsquo;t quite feel like the Cursor or Copilot we&amp;rsquo;re using now. Instead of just handing me a faster &amp;lsquo;gun,&amp;rsquo; it feels like it&amp;rsquo;s given me a capable &amp;lsquo;spotter&amp;rsquo; to back me up.&lt;/p>
&lt;p>So, I&amp;rsquo;ll walk you through my thought process from watching the demo and share what&amp;rsquo;s so cool about this thing.&lt;/p>
&lt;h2>The UI is Kinda Wild, But I&amp;rsquo;m Game&lt;span class="hx:absolute hx:-mt-20" id="the-ui-is-kinda-wild-but-im-game">&lt;/span>
&lt;a href="#the-ui-is-kinda-wild-but-im-game" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>I was honestly a bit confused when I first opened the video.&lt;/p>
&lt;p>&lt;strong>Antigravity&lt;/strong> totally breaks the mold of what we expect from an IDE. Instead of the usual left-side file tree and right-side code editor, it&amp;rsquo;s rolled out three core interfaces, which it calls &amp;lsquo;Three Surfaces&amp;rsquo;.&lt;/p>
&lt;p>Beyond the familiar &lt;strong>Editor&lt;/strong>, &lt;strong>Antigravity&lt;/strong> also shoves in an &lt;strong>Agent Manager&lt;/strong> and a &lt;strong>Browser&lt;/strong>.&lt;/p>
&lt;blockquote>
&lt;p>Chrome is directly embedded in the IDE? Seriously? Isn&amp;rsquo;t that just asking for memory to explode? 🤯&amp;hellip; Then again, Chrome is Google&amp;rsquo;s baby, so a deep integration totally makes sense.&lt;/p>
&lt;/blockquote>
&lt;p>The &lt;strong>Agent Manager&lt;/strong> is pretty neat. You can actually see several AI agents doing their thing – not just one, but a whole crew. You can tell one to crank out backend code and another to whip up some designs.&lt;/p>
&lt;p>The built-in &lt;strong>Browser&lt;/strong> isn&amp;rsquo;t just for you to preview web pages. Here&amp;rsquo;s the wild part: &lt;strong>it&amp;rsquo;s for the AI.&lt;/strong>&lt;/p>
&lt;p>Once the AI&amp;rsquo;s code is up and running, the AI itself takes control of that browser, clicking buttons, typing text, and scrolling pages just like a human tester. Honestly, watching the AI interact with its own self-written webpages gives you that heartwarming &amp;lsquo;my kid finally learned to dress themselves&amp;rsquo; kind of feeling.&lt;/p>
&lt;h2>Don&amp;rsquo;t Ask, It&amp;rsquo;s &amp;ldquo;Fully Automatic&amp;rdquo;&lt;span class="hx:absolute hx:-mt-20" id="dont-ask-its-fully-automatic">&lt;/span>
&lt;a href="#dont-ask-its-fully-automatic" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>Most current AI programming tools still rely on that back-and-forth chat: &amp;lsquo;help me write a function,&amp;rsquo; &amp;lsquo;fix this bug for me,&amp;rsquo; and so on.&lt;/p>
&lt;p>&lt;strong>Antigravity&lt;/strong>, get this, has an &lt;strong>Auto mode&lt;/strong>.&lt;/p>
&lt;p>With this mode on, the AI just goes wild. If it figures it needs to install dependencies, it&amp;rsquo;ll run terminal commands on its own. Needs to create a file? Done. It won&amp;rsquo;t stop at every single step to ask you, &amp;lsquo;Hey boss, mind if I run &lt;code>npm install&lt;/code>?&amp;rsquo;&lt;/p>
&lt;p>Of course, the video did mention it&amp;rsquo;ll still ping you for sensitive operations.&lt;/p>
&lt;blockquote>
&lt;p>Right now, I&amp;rsquo;m at the point where I&amp;rsquo;m sometimes too lazy to even type a prompt. This &amp;lsquo;I&amp;rsquo;ll just watch and not lift a finger&amp;rsquo; vibe is seriously kinda sweet. As long as it doesn&amp;rsquo;t go deleting my libraries, alright?&lt;/p>
&lt;/blockquote>
&lt;p>&lt;strong>Antigravity&lt;/strong> also supports &lt;strong>multi-task parallelism&lt;/strong>. In the demo, the presenter was having the AI write a backend API while simultaneously firing up a new conversation to get it to design a logo. Both tasks happened at the same time, without skipping a beat. Now &lt;em>that&amp;rsquo;s&lt;/em> what a multi-core CPU is made for!&lt;/p>
&lt;h2>No More &amp;ldquo;Black Box&amp;rdquo;: It Actually Writes Reports&lt;span class="hx:absolute hx:-mt-20" id="no-more-black-box-it-actually-writes-reports">&lt;/span>
&lt;a href="#no-more-black-box-it-actually-writes-reports" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>What&amp;rsquo;s everyone&amp;rsquo;s biggest fear when using AI to code? It&amp;rsquo;s getting a bunch of gibberish that won&amp;rsquo;t run and is a total nightmare to debug.&lt;/p>
&lt;p>&lt;strong>Antigravity&lt;/strong> introduces a system called &lt;strong>Artifacts&lt;/strong> here, and I think this idea is seriously on point.&lt;/p>
&lt;p>Before getting to work, &lt;strong>Antigravity&lt;/strong> will first lay out a &lt;strong>Task List&lt;/strong>, telling you its game plan, step-by-step.&lt;/p>
&lt;p>Then, listen up, it&amp;rsquo;ll whip up an &lt;strong>Implementation Plan&lt;/strong>. It&amp;rsquo;s like it hands you a technical proposal doc first, and only when you give the green light does it actually get its hands dirty.&lt;/p>
&lt;p>The coolest thing is that after it&amp;rsquo;s done working, &lt;strong>Antigravity&lt;/strong> generates a &lt;strong>Walkthrough&lt;/strong> report.&lt;/p>
&lt;blockquote>
&lt;p>My Leader used to constantly hound me for daily reports. Now, get this, the AI writes my daily reports for me. What a time to be alive!&lt;/p>
&lt;/blockquote>
&lt;p>This report doesn&amp;rsquo;t just show what code it changed; it even includes screen recordings! Remember that built-in browser I mentioned? It records its &lt;em>own&lt;/em> testing process for you to watch: &amp;lsquo;See? I typed in the flight number, clicked search, and boom, results popped up, all good.&amp;rsquo;&lt;/p>
&lt;p>This totally puts your mind at ease.&lt;/p>
&lt;h2>Paired with Gemini 3.0, It&amp;rsquo;s Seriously Smart&lt;span class="hx:absolute hx:-mt-20" id="paired-with-gemini-30-its-seriously-smart">&lt;/span>
&lt;a href="#paired-with-gemini-30-its-seriously-smart" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>&lt;strong>Gemini 3.0&lt;/strong>, Google&amp;rsquo;s latest model, is the brains behind all this.&lt;/p>
&lt;p>The &amp;lsquo;Flight Tracker&amp;rsquo; demo in the video really shows off what it can do.&lt;/p>
&lt;p>To get the data sorted, the AI actually went and hunted down the &amp;ldquo;Aviation Stack API&amp;rdquo; docs all by itself. It didn&amp;rsquo;t just pull a URL out of thin air; it genuinely &lt;em>read&lt;/em> the documentation, and even ran a &lt;code>curl&lt;/code> command in the terminal to verify the API Key and check out the data structure. How wild is that?&lt;/p>
&lt;p>It even generated the logo right there using the Nano Banana model and casually tossed it into the project. And get this: it even integrated the flight info into Google Calendar at the end.&lt;/p>
&lt;p>This isn&amp;rsquo;t just code completion, folks. This is a full-blown &amp;lsquo;digital employee&amp;rsquo; that&amp;rsquo;s got the chops of a junior full-stack engineer, a test engineer, &lt;em>and&lt;/em> a UI designer all rolled into one.&lt;/p>
&lt;h2>It Even Handles My Commit Messages&lt;span class="hx:absolute hx:-mt-20" id="it-even-handles-my-commit-messages">&lt;/span>
&lt;a href="#it-even-handles-my-commit-messages" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>Finally, here&amp;rsquo;s another feature that totally hit a nerve for me: &lt;strong>Context-Aware Commit&lt;/strong>.&lt;/p>
&lt;p>When I usually commit code, my Commit Messages are often those super unhelpful words like &lt;code>update&lt;/code>, &lt;code>fix&lt;/code>, or &lt;code>wip&lt;/code>.&lt;/p>
&lt;p>Because &lt;strong>Antigravity&lt;/strong> watches everything you (and it) do from start to finish, it can automatically whip up super detailed and accurate Git commit messages based on the context.&lt;/p>
&lt;blockquote>
&lt;p>This feature is an absolute lifesaver for anyone with OCD. Though, I gotta wonder, will it feel a bit strange seeing Git Logs full of AI&amp;rsquo;s &amp;lsquo;voice&amp;rsquo; down the line? 🤔&lt;/p>
&lt;/blockquote>
&lt;hr>
&lt;p>Anyway, after checking out that entire demo, my takeaway is that Google totally came prepared this time.&lt;/p>
&lt;p>&lt;strong>Antigravity&lt;/strong> teamed up with &lt;strong>Gemini 3.0&lt;/strong> — the vision it&amp;rsquo;s pushing isn&amp;rsquo;t just about &amp;lsquo;helping you type characters&amp;rsquo; anymore. It&amp;rsquo;s about &amp;lsquo;getting stuff done for you.&amp;rsquo; From understanding requirements, digging through docs, writing code, whipping up assets, running tests, and finally committing code — this end-to-end service really has some serious chops.&lt;/p>
&lt;p>Alright, since you&amp;rsquo;ve made it this far, if you found this tech share pretty interesting, why not hit that &lt;strong>follow&lt;/strong> and &lt;strong>like&lt;/strong> button? Let me know there are plenty of fellow enthusiasts out here who love messing around with new toys! 👋&lt;/p></description></item><item><title>10-28-Daily AI News Daily</title><link>https://zjai.club/en/blog/hong-kong-bank-online-account-opening/</link><pubDate>Tue, 28 Oct 2025 23:53:00 +0800</pubDate><guid>https://zjai.club/en/blog/hong-kong-bank-online-account-opening/</guid><description>
&lt;p>This guide details the process for opening a bank account online within Hong Kong. 🇭🇰&lt;/p>
&lt;p>This guide covers five banks: HSBC, Bank of China (Hong Kong), ZA Bank, Airstar Bank, and Ant Bank. Following these steps, you can complete all online applications within a single day.&lt;/p>
&lt;h4>&lt;strong>Part One: Getting Ready&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="part-one-getting-ready">&lt;/span>
&lt;a href="#part-one-getting-ready" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h4>&lt;p>Before opening an account, you&amp;rsquo;ll need to gather these materials. Missing any of them means you won&amp;rsquo;t be able to complete the online process. ⚠️&lt;/p>
&lt;ol>
&lt;li>&lt;strong>Identification Documents&lt;/strong>
&lt;ul>
&lt;li>Mainland Chinese Resident Identity Card.&lt;/li>
&lt;li>Exit-Entry Permit for Hong Kong and Macau.&lt;/li>
&lt;li>Ensure both documents are valid for more than six months.&lt;/li>
&lt;/ul>
&lt;/li>
&lt;li>&lt;strong>Mobile Phone Number with International Roaming Enabled&lt;/strong>
This mobile phone number is solely for receiving SMS verification codes from Hong Kong banks, not for internet access. You can handle internet traffic via Alipay&amp;rsquo;s international data packages or your carrier&amp;rsquo;s roaming service.&lt;/li>
&lt;li>&lt;strong>Exit-Entry Record Certificate (PDF)&lt;/strong>
This certificate is a crucial document.
&lt;ul>
&lt;li>On WeChat, search for the &amp;ldquo;Immigration Administration 12367&amp;rdquo; mini-program.&lt;/li>
&lt;li>Once inside, download the &amp;ldquo;Exit-Entry Record Query Certificate&amp;rdquo;.&lt;/li>
&lt;li>Save the generated PDF file to your phone.&lt;/li>
&lt;li>Just one exit record from a mainland port of entry is sufficient. ✅&lt;/li>
&lt;/ul>
&lt;/li>
&lt;li>&lt;strong>Physical Card Mailing Address&lt;/strong>
You&amp;rsquo;ll need to prepare a mainland address for receiving your physical card. This address must be provided in both Chinese and English versions. For lengthy addresses, feel free to use standard abbreviations, such as &amp;lsquo;Building&amp;rsquo; abbreviated to &amp;lsquo;BLDG&amp;rsquo;. 🏠&lt;/li>
&lt;li>&lt;strong>Bank Applications (Apps)&lt;/strong>
You&amp;rsquo;ll need to download the following applications in advance:
&lt;ul>
&lt;li>HSBC HK&lt;/li>
&lt;li>BOCHK&lt;/li>
&lt;li>ZA Bank&lt;/li>
&lt;li>AIRSTAR Bank&lt;/li>
&lt;li>For Ant Bank, you&amp;rsquo;ll operate via its Alipay mini-program, so no separate app is needed.&lt;/li>
&lt;/ul>
&lt;/li>
&lt;/ol>
&lt;h4>&lt;strong>Part Two: Operation Process&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="part-two-operation-process">&lt;/span>
&lt;a href="#part-two-operation-process" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h4>&lt;p>The suggested order for applications is to first process HSBC and Bank of China, then move on to the three virtual banks. 🚀&lt;/p>
&lt;h5>&lt;strong>1. HSBC Bank (HSBC)&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="1-hsbc-bank-hsbc">&lt;/span>
&lt;a href="#1-hsbc-bank-hsbc" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h5>&lt;p>The entire application process for HSBC is completed online.&lt;/p>
&lt;ol>
&lt;li>Open the HSBC HK app and select &amp;ldquo;I don&amp;rsquo;t have any HSBC account.&amp;rdquo;&lt;/li>
&lt;li>During identity verification, choose &amp;ldquo;I am in Hong Kong, but I don&amp;rsquo;t have a Hong Kong ID card.&amp;rdquo;&lt;/li>
&lt;li>For account type, select &amp;ldquo;HSBC One&amp;rdquo;; this account has no minimum deposit requirement.&lt;/li>
&lt;li>Fill in the information:
&lt;ul>
&lt;li>For account purpose, it&amp;rsquo;s recommended to select &amp;ldquo;Savings/Investment&amp;rdquo;.&lt;/li>
&lt;li>For tax identification number, fill in your Mainland Chinese ID number.&lt;/li>
&lt;li>Enter the prepared Chinese and English mailing addresses.&lt;/li>
&lt;/ul>
&lt;/li>
&lt;li>Upload documents: As prompted, take photos of your identification. Afterward, you&amp;rsquo;ll need to use your phone&amp;rsquo;s NFC function to read the chip information from your Exit-Entry Permit for Hong Kong and Macau. Just hold the permit close to your phone&amp;rsquo;s back sensing area.&lt;/li>
&lt;li>After setting up login credentials, submit your application. Approval results are typically notified via email within a few minutes.&lt;/li>
&lt;/ol>
&lt;p>&lt;strong>Regarding Card Receipt&lt;/strong>: Your physical card will be dispatched by the card manufacturer IDEMIA via EMS from Shenzhen. We recommend following the &amp;ldquo;EMS China Post Express Logistics&amp;rdquo; WeChat service account and binding your phone number to track its delivery. If you haven&amp;rsquo;t received it after two weeks, you&amp;rsquo;ll need to contact bank customer service. 📞&lt;/p>
&lt;h5>&lt;strong>2. Bank of China (Hong Kong) (BOCHK)&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="2-bank-of-china-hong-kong-bochk">&lt;/span>
&lt;a href="#2-bank-of-china-hong-kong-bochk" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h5>&lt;p>The BOCHK application process is similar to HSBC&amp;rsquo;s.&lt;/p>
&lt;ol>
&lt;li>Open the BOCHK app and select &amp;ldquo;Open Account.&amp;rdquo;&lt;/li>
&lt;li>For identity, select &amp;ldquo;Chinese Resident Identity Card&amp;rdquo; and confirm &amp;ldquo;I am in Hong Kong.&amp;rdquo;&lt;/li>
&lt;li>For account opening method, choose &amp;ldquo;I am not at a branch,&amp;rdquo; and for account type, select &amp;ldquo;Easy Banking&amp;rdquo; (自在理财); this account also has no deposit requirement.&lt;/li>
&lt;li>Upload documents: As prompted, upload your Identity Card, Exit-Entry Permit for Hong Kong and Macau, and the prepared Exit-Entry Record PDF file.&lt;/li>
&lt;li>Complete facial recognition and personal information entry. For account opening reason, select &amp;ldquo;Investment &amp;amp; Wealth Management&amp;rdquo; or &amp;ldquo;Savings.&amp;rdquo;&lt;/li>
&lt;li>Submit the application.&lt;/li>
&lt;/ol>
&lt;h5>&lt;strong>3. Virtual Banks: ZA, Airstar, Ant Bank&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="3-virtual-banks-za-airstar-ant-bank">&lt;/span>
&lt;a href="#3-virtual-banks-za-airstar-ant-bank" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h5>&lt;p>These three — ZA, Airstar, and Ant Bank — are virtual banks, and their application processes are largely identical: fill in information, upload documents, and perform facial recognition.&lt;/p>
&lt;p>Do note the following crucial points: 👇&lt;/p>
&lt;ul>
&lt;li>&lt;strong>Address&lt;/strong>: You must provide a detailed address, precise down to the house number.&lt;/li>
&lt;li>&lt;strong>Tax Status&lt;/strong>: Select &amp;ldquo;Only a tax resident of Mainland China.&amp;rdquo;&lt;/li>
&lt;li>&lt;strong>Tax ID Number&lt;/strong>: Fill in your Mainland Chinese ID number.&lt;/li>
&lt;li>&lt;strong>Exit-Entry Record&lt;/strong>: This is required for all of them.&lt;/li>
&lt;/ul>
&lt;h4>&lt;strong>Part Three: General Principles&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="part-three-general-principles">&lt;/span>
&lt;a href="#part-three-general-principles" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h4>&lt;ol>
&lt;li>&lt;strong>Data Authenticity&lt;/strong>: All information you submit must be completely truthful. Banks will verify everything, and providing false information will lead to application failure and potentially being blacklisted. 💯&lt;/li>
&lt;li>&lt;strong>Information Consistency&lt;/strong>: Make sure that details like your name&amp;rsquo;s Pinyin, address, and other information are absolutely consistent across all bank applications. ✨&lt;/li>
&lt;li>&lt;strong>Account Opening Purpose&lt;/strong>: When asked, choose straightforward options like &amp;ldquo;Personal Financial Management,&amp;rdquo; &amp;ldquo;Savings,&amp;rdquo; or &amp;ldquo;Hong Kong Stock Investment.&amp;rdquo;&lt;/li>
&lt;li>&lt;strong>Operation Time&lt;/strong>: We highly recommend submitting your application during working hours on weekdays for faster review speeds. ⏰&lt;/li>
&lt;li>&lt;strong>Account Activation&lt;/strong>: After successfully opening your account, you should immediately log into the mobile banking app and set up fingerprint or facial recognition login. This is the crucial first step to proving your account is active. 👍&lt;/li>
&lt;/ol></description></item><item><title>10-09-Daily AI News Daily</title><link>https://zjai.club/en/blog/k7m3p9zax8v6c1n2b4q5/</link><pubDate>Wed, 08 Oct 2025 06:06:00 +0800</pubDate><guid>https://zjai.club/en/blog/k7m3p9zax8v6c1n2b4q5/</guid><description>
&lt;h2>19 Days to Launch a Website, Plugin, and Desktop App Suite: An Unconventional AI Coding Practice Report&lt;span class="hx:absolute hx:-mt-20" id="19-days-to-launch-a-website-plugin-and-desktop-app-suite-an-unconventional-ai-coding-practice-report">&lt;/span>
&lt;a href="#19-days-to-launch-a-website-plugin-and-desktop-app-suite-an-unconventional-ai-coding-practice-report" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>So, remember my &lt;strong>AI Coding invitation&lt;/strong>? Well, after all these days, the project’s finally live, and my head’s clear! Forget the sentimentality and the personal journey for today. Let’s get hardcore and talk frankly about how I used AI as my &amp;lsquo;pair programming&amp;rsquo; buddy to turn the &lt;strong>PromptHub&lt;/strong> project from just an idea into a stack of runnable code in just 19 days. ✨&lt;/p>
&lt;p>This report? Yeah, it’s probably not what you’re expecting from those &lt;strong>&amp;lsquo;Vibe Coding&amp;rsquo;&lt;/strong> videos. There’s zero magic here—just pure engineering, tough trade-offs, and a whole lot of &amp;lsquo;aha!&amp;rsquo; moments after tripping over every single pitfall imaginable. 🚧&lt;/p>
&lt;h2>&lt;strong>Architecture Selection: AI as the &amp;ldquo;Scaffolding,&amp;rdquo; Me as the &amp;ldquo;Decision-Maker&amp;rdquo;&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="architecture-selection-ai-as-the">&lt;/span>
&lt;a href="#architecture-selection-ai-as-the" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>&lt;strong>PromptHub&lt;/strong>? From the jump, I hit it with a pretty wild goal: build for Web, Chrome extension, and Electron desktop—all at the same damn time! Backend? Next.js API Routes. Database? SQLite to start, but ready to swap to a production setup whenever. 🚀&lt;/p>
&lt;p>This tech stack, honestly, used to be a nightmare for me. Back in the day, just getting &lt;code>package.json&lt;/code> balanced and &lt;code>tsconfig.json&lt;/code> squared away for all those different environments? That alone would&amp;rsquo;ve sent me spiraling. 🫠&lt;/p>
&lt;p>My approach? Simple: I treat AI like a &lt;strong>super-advanced scaffolding generator&lt;/strong>. I’m not asking it &amp;lsquo;what tech should I use?&amp;rsquo; Nah, I’m just giving it direct orders: 👇&lt;/p>
&lt;p>“I need a Next.js project, using TypeScript. Integrate Drizzle ORM, with SQLite for the database. Add JWT authentication, implement Google and GitHub OAuth login. Then set up the Stripe billing framework and leave me the interfaces ready.”&lt;/p>
&lt;p>On September 17th, AI spent roughly an afternoon on a basic multi-language template project and, &lt;em>voilà&lt;/em>, it spat out a fully functional backend framework for me! This wasn’t just a few code snippets; this was &lt;strong>architecture made real&lt;/strong>. It crushed all the super tedious, repetitive &amp;lsquo;glue code,&amp;rsquo; letting me dive headfirst into the core business logic. 🤯&lt;/p>
&lt;p>&lt;strong>My first takeaway? Easy: In a project&amp;rsquo;s early days, AI&amp;rsquo;s ultimate superpower is just wiping out all that &amp;lsquo;startup friction.&amp;rsquo;&lt;/strong>&lt;/p>
&lt;p>&lt;img src="https://zjai.club/images/111.webp" alt="" loading="lazy" />&lt;/p>
&lt;h2>&lt;strong>Development Methodology: Ditch &amp;ldquo;Vibe Coding,&amp;rdquo; Embrace &amp;ldquo;Atomic Tasks&amp;rdquo;&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="development-methodology-ditch">&lt;/span>
&lt;a href="#development-methodology-ditch" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>Those &amp;lsquo;Vibe Coding&amp;rsquo; (one-liner development) videos you see online? Honestly, just watch &amp;rsquo;em for kicks, &amp;lsquo;cause anyone who buys into that is seriously naive. 🤪 Real, enterprise-level project development? That’s all about rigorous engineering. The pattern I’ve stumbled upon—I like to call it &lt;strong>&amp;lsquo;Atomic Tasks&amp;rsquo; or &amp;lsquo;Building Blocks&amp;rsquo;&lt;/strong>—is the real deal.&lt;/p>
&lt;p>When I’m cooking up a new feature, I break the whole process down to its absolute bare bones. Then, I pop open a bunch of AI chat windows and get them all chugging along in parallel, like so: 👇&lt;/p>
&lt;ul>
&lt;li>
&lt;p>• &lt;strong>Window A (Database Expert)&lt;/strong>: “Based on my requirements, design the &lt;code>prompts&lt;/code> table structure and write it out using Drizzle ORM syntax.”&lt;/p>
&lt;/li>
&lt;li>
&lt;p>• &lt;strong>Window B (Backend Expert)&lt;/strong>: “Here’s the table structure. Write me the corresponding CRUD APIs, implement them using Next.js API Routes, and ensure proper permission checks.”&lt;/p>
&lt;/li>
&lt;li>
&lt;p>• &lt;strong>Window C (Frontend Expert)&lt;/strong>: “Here are the API interfaces. Using React and Tailwind, write me a management page component that can call these interfaces.”&lt;/p>
&lt;/li>
&lt;/ul>
&lt;p>So, the perks of this pattern are pretty sweet: 👇&lt;/p>
&lt;ol>
&lt;li>
&lt;p>1. &lt;strong>Context Isolation&lt;/strong>: Each AI window focuses on just one thing, so it doesn&amp;rsquo;t get &amp;ldquo;mentally confused&amp;rdquo; by an overly long context.&lt;/p>
&lt;/li>
&lt;li>
&lt;p>2. &lt;strong>Single Responsibility&lt;/strong>: Code decoupling is super clean, meaning AI rarely spits out spaghetti code that mixes frontend and backend.&lt;/p>
&lt;/li>
&lt;li>
&lt;p>3. &lt;strong>Parallel Efficiency&lt;/strong>: While I’m waiting for the backend APIs to be written, I can already start brainstorming frontend components.&lt;/p>
&lt;/li>
&lt;/ol>
&lt;p>&lt;strong>My second big takeaway? Don&amp;rsquo;t even &lt;em>think&lt;/em> about treating AI like some all-knowing, all-powerful deity. Instead, view it as a small, specialized team made up of multiple &amp;lsquo;domain experts.&amp;rsquo;&lt;/strong> 🧠&lt;/p>
&lt;p>&lt;img src="https://zjai.club/images/222.webp" alt="" loading="lazy" />&lt;/p>
&lt;h2>&lt;strong>Hardcore Pitfalls: Moments Even AI Couldn&amp;rsquo;t Save My Butt&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="hardcore-pitfalls-moments-even-ai-couldn">&lt;/span>
&lt;a href="#hardcore-pitfalls-moments-even-ai-couldn" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>AI Coding? It’s no silver bullet, trust me. 🚫 In certain areas, especially when it comes to low-level stuff or configurations, AI somehow manages to mess up even worse than I do. Seriously.&lt;/p>
&lt;h3>&lt;strong>1. Database Selection: Turso vs. Supabase&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="1-database-selection-turso-vs-supabase">&lt;/span>
&lt;a href="#1-database-selection-turso-vs-supabase" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h3>&lt;p>Initially, just for kicks, I gave the distributed &lt;strong>Turso&lt;/strong> database a shot. Sounds cool, right? But man, the data synchronization delay was beyond ridiculous—a user would create a prompt, and it just wouldn&amp;rsquo;t show up even after refreshing a gazillion times. 😵‍💫 I even tried slapping on the &lt;code>consistency=strong&lt;/code> parameter, but it did absolutely nothing. Zero.&lt;/p>
&lt;p>So, I straight-up ditched it and swapped back to PostgreSQL-based &lt;strong>Supabase&lt;/strong>. 🔄 That kind of call? AI can’t make it for you. You gotta deeply understand a database&amp;rsquo;s &lt;strong>consistency model&lt;/strong> to grasp why Turso’s async vibe fundamentally clashed with my whole business scenario.&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&amp;rsquo;s &lt;code>useEffect&lt;/code> Infinite Loop&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="2-nextjs">&lt;/span>
&lt;a href="#2-nextjs" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h3>&lt;p>This? Oh man, this is a classic problem. 🤦‍♂️ On the management page, the API was getting hammered in an infinite loop. I tossed the code to Qwen3, and it futzed with it for ages, but nope, still no fix.&lt;/p>
&lt;p>Ultimately, I had to get my hands dirty and fix it myself. I dug into the &lt;code>useEffect&lt;/code> dependencies and realized there were just too many dynamic states mixed in, creating a nasty chain reaction. So, I manually refactored it, keeping only the absolute core &lt;code>user?.personalSpaceId&lt;/code> as a dependency. Boom! Problem solved. ✅&lt;/p>
&lt;p>After that, I made sure to feed the &lt;strong>correct solution&lt;/strong> right back to the AI, telling it: &amp;lsquo;Hey, next time you hit a snag like this, &lt;em>this&lt;/em> is how you fix it.&amp;rsquo; Essentially, I was &lt;strong>reverse-training the AI&lt;/strong>, schooling it on my best practices. 🧑‍🏫&lt;/p>
&lt;p>&lt;img src="https://zjai.club/images/444.webp" alt="" loading="lazy" />&lt;/p>
&lt;h3>&lt;strong>3. Chrome Extension&amp;rsquo;s Permission Black Hole&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="3-chrome-extension">&lt;/span>
&lt;a href="#3-chrome-extension" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h3>&lt;p>When it came to extension development, AI was basically a total noob. &lt;code>content.js&lt;/code> flat-out refused to load, &lt;code>localStorage&lt;/code> data just wouldn’t communicate… every single answer AI spit out for these issues? Dead wrong. 😤&lt;/p>
&lt;p>Ultimately, I just had to humble myself, crack open the Chrome developer docs, and actually figure out the difference between &lt;code>host_permissions&lt;/code> and &lt;code>scripting&lt;/code> permissions. Only then did I finally squash that bug. 🤓&lt;/p>
&lt;p>&lt;strong>My third crucial takeaway? AI’s a whiz at &amp;lsquo;implementation,&amp;rsquo; no doubt, but it seriously struggles with &amp;lsquo;decision-making&amp;rsquo; and &amp;lsquo;debugging.&amp;rsquo; Especially when you’re deep in the weeds with underlying principles, platform quirks, or performance bottlenecks—the final call and the real debugging? That’s still all you, buddy. 🛠️&lt;/strong>&lt;/p>
&lt;h2>&lt;strong>My Model &amp;ldquo;Toolbox&amp;rdquo;&lt;/strong>&lt;span class="hx:absolute hx:-mt-20" id="my-model">&lt;/span>
&lt;a href="#my-model" class="subheading-anchor" aria-label="Permalink for this section">&lt;/a>&lt;/h2>&lt;p>Me? I never blindly put all my faith in just one model. My game plan is dynamic switching: use the right tool for the right job, every single time. 🧰&lt;/p>
&lt;ul>
&lt;li>
&lt;p>• &lt;strong>Architecture Design &amp;amp; Complex Bug Fixing&lt;/strong>: &lt;strong>Gemini 2.5 Flash&lt;/strong> is my go-to. It’s free, and it works wonders for tricky issues like Next.js hydration errors.&lt;/p>
&lt;/li>
&lt;li>
&lt;p>• &lt;strong>UI/UX Code Implementation&lt;/strong>: &lt;strong>Claude 4.1&lt;/strong> is the undisputed champion here. Its CSS aesthetics and code implementation skills are top-notch, though it is the priciest, so I only bust it out for critical pages.&lt;/p>
&lt;/li>
&lt;li>
&lt;p>• &lt;strong>Daily CRUD and Component Development&lt;/strong>: &lt;strong>Qwen3 Coder Plus&lt;/strong> offers the best bang for your buck, a true workhorse that never complains about the grind.&lt;/p>
&lt;/li>
&lt;li>
&lt;p>• &lt;strong>Data Processing and Script Generation&lt;/strong>: When reverse-engineering Google AI Studio’s API for data migration, I used &lt;strong>Kilo&lt;/strong> paired with Gemini. It analyzed JSON structures and automatically whipped up Python scripts with insane efficiency.&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>So, all in all, these 19 days of development? Less &amp;lsquo;AI programming,&amp;rsquo; more like &amp;rsquo;extreme human-machine collaborative programming.&amp;rsquo; Think of AI as that blazing-fast intern cranking out code, and me? I’m the architect, constantly steering the ship, making the big calls, and always ready to jump in and save the day when things go sideways. 🚀👨‍💻&lt;/p>
&lt;p>Under this model, a developer’s core value totally shifts. It’s less about &amp;lsquo;writing code&amp;rsquo; and more about &lt;strong>&amp;lsquo;asking the right questions,&amp;rsquo; &amp;lsquo;making smart decisions,&amp;rsquo; and &amp;lsquo;crushing system design.&amp;rsquo;&lt;/strong>&lt;/p>
&lt;p>This, folks, might just be what our future as developers is all about. Wild, right? 🤔&lt;/p>
&lt;p>&lt;strong>Here&amp;rsquo;s the website link, feel free to give it a try:&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>Oh, and you can also hit me up on WeChat to join the discussion group: justlikemaki&lt;/p></description></item></channel></rss>