几周前我写了篇Cloud Next '26的开发者解读,结尾给前端同行留了一句话:去试试Agent Studio。我照做了。
结果卡在Google Cloud的新预付费门槛上。这篇文章记录的是Plan B:花一小时在Google AI Studio里,把同一个提示词迭代了三遍,最后拿到能直接丢进Next.js项目的TypeScript代码。不用绑卡,不用开Cloud项目,有个Google账号就行。
如果你也被预付费墙拦住,或者想先看看Gemini的playground长什么样再决定要不要付费,这篇就是写给你的。
先理清楚命名,Google自己都没搞明白。
Gemini Enterprise在Cloud Console里,要绑结算账户,是我 keynote 那篇写的企服栈。Google AI Studio在aistudio.google.com,是面向公众的Gemini playground。任意Google账号登录,不用卡、不用项目、不用配置。
这次演示用的是Gemini 3 Flash Preview,Gemini 3 Pro的便宜快版。迭代时选Flash Preview是默认正确,连跑五六遍提示词时,延迟差距能感知到。
我想看同一个提示词在三版系统指令下怎么进化。一个任务,三套系统提示,相同用户输入。目的不是第一把就写出完美提示词,是展示认真对待迭代和写一句碰运气之间的差别。
三版用的都是这个输入:
"我们需要一个SaaS落地页的英雄区块。产品是面向小型设计 agency 的项目管理工具。感觉要高级但亲和。主要目标是让访客开始免费试用。"
这差不多就是前端开发邮箱里真实收到的需求:模糊、带主观判断、比必要长度多半句。过一遍LLM的意义,就是把这种模糊转成开发能照着建的结构化规格。我试图让模型做的就是这件事。
第一版:温度从默认1调到0.7,系统指令写"You are a helpful assistant. Generate a component spec based on the design brief the user provides."
任何人第一次都会写成这样。没结构、没约束,就是"去干吧"。
输出比预期漂亮得多。一份编辑文档,带视觉指南、十六进制色值的颜色盘、字体选择、三个标题选项、文案策略段落,甚至markdown里还塞了个HeroProps的TypeScript接口。
确实 impressive。这就是陷阱所在。
V1作为文档是成功的。作为规格,它失败了。这个区别,就是整篇文章存在的理由。
热门跟贴