我在Google AI Studio迭代了三次提示詞，終于得到能用的代碼

幾周前我寫(xiě)了篇Cloud Next '26的開(kāi)發(fā)者解讀，結(jié)尾給前端同行留了一句話：去試試Agent Studio。我照做了。

結(jié)果卡在Google Cloud的新預(yù)付費(fèi)門(mén)檻上。這篇文章記錄的是Plan B：花一小時(shí)在Google AI Studio里，把同一個(gè)提示詞迭代了三遍，最后拿到能直接丟進(jìn)Next.js項(xiàng)目的TypeScript代碼。不用綁卡，不用開(kāi)Cloud項(xiàng)目，有個(gè)Google賬號(hào)就行。

如果你也被預(yù)付費(fèi)墻攔住，或者想先看看Gemini的playground長(zhǎng)什么樣再?zèng)Q定要不要付費(fèi)，這篇就是寫(xiě)給你的。

先理清楚命名，Google自己都沒(méi)搞明白。

Gemini Enterprise在Cloud Console里，要綁結(jié)算賬戶，是我 keynote 那篇寫(xiě)的企服棧。Google AI Studio在aistudio.google.com，是面向公眾的Gemini playground。任意Google賬號(hào)登錄，不用卡、不用項(xiàng)目、不用配置。

這次演示用的是Gemini 3 Flash Preview，Gemini 3 Pro的便宜快版。迭代時(shí)選Flash Preview是默認(rèn)正確，連跑五六遍提示詞時(shí)，延遲差距能感知到。

我想看同一個(gè)提示詞在三版系統(tǒng)指令下怎么進(jìn)化。一個(gè)任務(wù)，三套系統(tǒng)提示，相同用戶輸入。目的不是第一把就寫(xiě)出完美提示詞，是展示認(rèn)真對(duì)待迭代和寫(xiě)一句碰運(yùn)氣之間的差別。

三版用的都是這個(gè)輸入：

"我們需要一個(gè)SaaS落地頁(yè)的英雄區(qū)塊。產(chǎn)品是面向小型設(shè)計(jì) agency 的項(xiàng)目管理工具。感覺(jué)要高級(jí)但親和。主要目標(biāo)是讓訪客開(kāi)始免費(fèi)試用。"

這差不多就是前端開(kāi)發(fā)郵箱里真實(shí)收到的需求：模糊、帶主觀判斷、比必要長(zhǎng)度多半句。過(guò)一遍L(zhǎng)LM的意義，就是把這種模糊轉(zhuǎn)成開(kāi)發(fā)能照著建的結(jié)構(gòu)化規(guī)格。我試圖讓模型做的就是這件事。

第一版：溫度從默認(rèn)1調(diào)到0.7，系統(tǒng)指令寫(xiě)"You are a helpful assistant. Generate a component spec based on the design brief the user provides."

任何人第一次都會(huì)寫(xiě)成這樣。沒(méi)結(jié)構(gòu)、沒(méi)約束，就是"去干吧"。

輸出比預(yù)期漂亮得多。一份編輯文檔，帶視覺(jué)指南、十六進(jìn)制色值的顏色盤(pán)、字體選擇、三個(gè)標(biāo)題選項(xiàng)、文案策略段落，甚至markdown里還塞了個(gè)HeroProps的TypeScript接口。

確實(shí) impressive。這就是陷阱所在。

V1作為文檔是成功的。作為規(guī)格，它失敗了。這個(gè)區(qū)別，就是整篇文章存在的理由。