0代码基础也能5分钟上线一个小游戏:我用 Antigravity + Vercel 把灵感变成产品

0 代码基础也能在 5 分钟内，把一个小游戏从想法做到上线。

我用 Antigravity + Vercel，两款目前我觉得是「免费工具里的王者」，就把一个锻炼大脑的小玩法，做成了可以随时打开来玩的网页版小游戏。

先玩一把再说

这是小游戏的地址（需要梯子）：https://web-game-tan-phi.vercel.app/

可以看出来，整个操作体验非常丝滑，而且已经适配手机端，躺在床上也能玩两局。

从刷短视频到游戏上线，只用了 5 分钟

整个过程大概分 6 步：

1. 刷抖音刷到灵感

   看到一个博主分享了几个锻炼大脑的小游戏，随手一滑就过去太可惜了，于是决定把玩法「做成自己的」

2. 让 Gemini 帮我梳理规则

   我先把几个模块的游戏规则简单记录下来，然后交给 Gemini，让它帮我：

• 补充、细化每个小游戏的玩法规则
• 归纳成清晰的功能说明和提示词

3. 把提示词丢给 Antigravity，自动撸代码

   有了清晰的需求描述后，直接在 Antigravity 里把提示词贴进去，让它用 Gemini / Claude 帮我从零生成前端代码。

4. 自动跑完，再手动测试一遍

   Antigravity 写完程序后，可以自己打开浏览器进行测试。我再手动玩几局，看看：

• 玩法是不是符合预期
• 操作逻辑顺不顺
• 有问题就继续在对话里提需求，反复调整

5. 一键同步代码到 Git 仓库

   确认没大问题后，在 Antigravity 客户端左侧，直接把代码同步到 Git 仓库，省去了本地配置环境的麻烦。

6. 接入 Vercel，一键部署上线

   最后一步，把仓库连到 Vercel，几乎不用额外配置，就能完成构建和部署，上线一个任何人都能访问的网页小游戏。

为什么偏偏是这两个工具？

Antigravity：AI 版「全栈工程师」

• 支持 Gemini 和 Claude 等主流大模型
• 对需求理解能力很强，提示词写清楚就能快速产出可用代码
• 生成完代码后，还能自动打开浏览器进行自测，省去很多来回调试时间

Vercel：小项目的「发布神器」

• 免费版就提供 100 GB/月 的带宽流量
• 自带全球 CDN 加速，国外访问速度非常快
• 对前端项目非常友好，从 Git 仓库到上线基本是「一条龙」

唯一的小坑是：国内直连访问会稍慢一点（你懂的）。

对于个人博客、小工具、小 demo、作品集网站这类项目，这套组合几乎是「零门槛上线」方案：

• 不懂代码也能搞定基础需求
• 出错了可以在对话里继续「聊天式改需求」
• 想法来得快，就能实现得也很快

一点小小的「未来想象」

在这个小项目里，我最大的感受是：

个人「开发能力」这件事，正在被 AI 和工具彻底重新定义。

现在 Antigravity 负责写代码、跑测试，Vercel 负责发布和加速。照这个趋势发展下去，我觉得完全有可能看到这样的场景：

• Antigravity 未来直接集成类似 Vercel 的发布能力
• 用户在一个客户端里就能完成：写代码 → 测试 → 部署全流程
• 每个人都可以拥有一套私有化部署的「个人工具库」

当现有的 skills / 插件解决不了问题时，就可以：

• 打开自己「养成」的一套小工具
• 针对个人工作流做深度定制
• 而不是到处订阅各种工具类应用

对普通人来说，门槛越来越低，但可塑性和掌控感反而越来越高。

这次的小游戏只是一个小小的开始，后面我也会陆续用这套组合，尝试把更多灵感做成可以真的「点开就用」的小工具。

PS:文章是notionAI自动优化排版的、底部的信息图是notebookLM生成