12分钟做10个网站:Replit × Gemini 3把“设计”变成对话
正在加载视频...
视频章节
Peter Yang 用一支高密度演示视频展示:借助 Replit 的设计模式与 Gemini 3,只需用自然语言,就能在几分钟内生成从个人网站到游戏与 AI Agent 界面的完整产品。本文还原他的操作思路、关键案例与方法论。
12分钟做10个网站:Replit × Gemini 3把“设计”变成对话
Peter Yang 用一支高密度演示视频展示:借助 Replit 的设计模式与 Gemini 3,只需用自然语言,就能在几分钟内生成从个人网站到游戏与 AI Agent 界面的完整产品。本文还原他的操作思路、关键案例与方法论。
为什么他说这是“见过最好的 AI 设计师”
这段视频一开始就给出一个非常强的判断:Peter Yang 直言“Gemini 3 和 Replit design mode 是我见过最好的 AI 设计师”。这句话之所以重要,是因为它不是抽象评价,而是来自连续、高强度的实操演示。在他的流程里,设计不再是从线框、组件到页面的逐步搭建,而是一次次“对话”。你描述目标,AI 直接生成可运行的网站。
Replit 的设计模式承担了“即时执行”的角色:生成的代码立刻部署成可访问的链接;而 Gemini 3 更像一个懂产品的合作者,能把模糊需求转成结构化页面。Peter 多次强调“definitely a must try”,背后隐含的洞见是:当生成速度快到分钟级,设计本身就从成本中心变成了探索工具,你可以大胆试错,而不用担心浪费时间。
从个人旅行网站开始:AI 如何补全内容与表达
第一个具体故事,是他自己的旅行网站。这个案例之所以有代表性,是因为需求并不复杂,却高度依赖内容表达。网站展示了他去过的五个国家,而每个国家的一句话介绍,并非人工撰写,而是“我跟 AI 说话,让它帮我生成这些 one‑line 描述”。
这里的关键不在页面结构,而在内容生成的协同方式:人提供真实经历与方向,AI 负责语言与呈现。这种分工让个人创作者第一次可以像团队一样工作。随后他展示了一个重要转折点——AI 自动生成了下一步所需的 prompt,他一边等待生成,一边回放之前的网站制作过程,暗示了一个事实:当工具足够成熟,‘怎么问问题’本身也可以被自动化。
同一套流程,10 个完全不同的产品形态
接下来,Peter 明确说:“pretty much it’s the same process”,但展示的却是完全不同的结果。他快速走过一系列案例:复古风格的个人网站、可直接访问的多人扑克游戏、AI Agent 构建器界面、高端音频产品落地页、游戏工作室创意总监的作品集,以及动态设计作品集。
这些例子的重要性在于,它们覆盖了内容型、交互型和工具型产品,却都源于相同的对话式流程。尤其是多人扑克游戏和 AI Agent Builder,这类通常被认为需要复杂前端与逻辑设计的项目,在演示中“just a few minutes”就完成了原型。这让人意识到,Replit × Gemini 3 并不是只适合做展示页,而是已经触及到应用级别的生成能力。
真正的门槛:你是否会描述“你想要的屏幕”
在接近尾声时,Peter 给出了一条非常实用、也容易被忽略的经验总结。他指着已经生成的一堆应用说:“The key is to actually specify and describe the full screen video examples that you want.” 这句话点出了新门槛的所在。
当代码和设计都可以被生成时,决定结果质量的,不再是你会不会写代码,而是你能否清楚描述一个完整体验。包括页面如何切换、用户第一眼看到什么、交互是否有动效。这不是技术细节,而是一种产品感知能力。也正因如此,他在最后提醒观众“don’t just watch this tutorial”,而是要亲自上手,反复练习这种描述能力。
总结
这支 12 分钟的视频真正传达的,不只是“10 个网站”的效率神话,而是一种正在成形的新工作方式:用自然语言驱动设计与开发。Replit 提供即时可运行的环境,Gemini 3 负责把意图转成结构,而人类专注于判断和体验。对创作者来说,最大的启发或许是:未来的核心竞争力,不是写代码的速度,而是把想法说清楚的能力。
关键词: Replit, Gemini 3, AI 应用, 网站生成, AI Agent
事实核查备注: 视频标题:Full Tutorial: Build 10 Beautiful Websites in 12 Minutes with Replit and Gemini 3;作者/频道:Peter Yang;产品名称:Replit、Gemini 3;引用原话包括“best AI designer that I've ever seen”“definitely a must try”“pretty much it's the same process”“just a few minutes”“The key is to actually specify and describe the full screen video examples that you want”。