不写一行代码！教你用AI快速开发一款摸鱼神器（附全套提示词）

一、把“不想上班”做成产品

先看东西，这是我周六用零散时间搓出来的，想玩的朋友拉到文末有链接；想学思路的朋友，请往下看。思路，比工具本身更重要。

往期作者干货：

入职第一天，我就在想一个极度“政治不正确”的问题：怎么把鱼摸得心安理得？ 但是 Linear 的工单、飞书的红点、Jira 的进度条……这些“赛博刑具”把活生生的人切成了“工时”，逼着我们提高效率。

我就在想，能不能有一款软件，不是为了“监工”，而是为了“哄”我开心？

就这个我脑暴了三个点：

1. 任务去魅：它不催进度，而是告诉我：“选 3 个重要的做，剩下的装死就行。”
2. 摸鱼合法化：把“休息”变成一个任务，神圣不可侵犯。
3. 情绪代偿：不想干活时，它会说：“别卷了，发际线受不了。”

于是，在这个大家都忙着“改变世界”的周末，我用 Google AI Studio 手搓了这个叫 Chill Pal (松弛搭子) 的小玩意儿。

重点是：作为一个设计师，我没有写一行代码，全程动动嘴，Ctrl+C+V 就实现了。

二、教程开始：吐槽即需求——把自己当“甲方爸爸”

Vibe Coding （一种不纠结代码细节，靠直觉和自然语言交互的编程方式）现在的风很大。Cursor、Trae、Lovable 这些工具也确实强得离谱。 但对设计师还是不够可视化，逻辑太抽象。直到 Gemini3 发布，看着它对多模态信息那种恐怖的理解力。

我突然悟了：拿最顶级的 AI 用来摸鱼，才是对科技最大的致敬。

作为设计师，我们最大的武器不是逻辑，而是“发散的感性”，同时作为一个想偷懒的设计师，正经写文档就是对摸鱼精神的背叛。

所以我们要特立独行，用更有乐子的玩法：吐槽即需求。

1. 确立 AI 的“弟位”

随便抓个野生 AI（Gemini、豆包、ChatGPT）

复制下面的 prompt 发给它：

“你现在是一个极度卑微、极度耐心的产品经理。 我是你的甲方爸爸。 接下来我会用语音跟你发牢骚，吐槽我对现在工作软件的不满，并在这个过程中描述我想要的一个‘摸鱼软件’。 你的任务只有两个：1. 闭嘴听着；2. 等我骂完，把这些废话提炼成一份清晰的产品文档（PRD）。”

2. 开启“语音模式”：别带脑子，带上情绪

不要试图组织语言，不要讲逻辑。把吐槽变成生产力，你只负责“爽”（发泄），把你脑子里那些一闪而过的念头，全部倒出来，脏活累活（逻辑整理）全让它干。

“我每天 10 点下班，我好苦啊……” “为什么每天有那么多没有意义的破事？完全是垃圾时间……” “我想要个桌面宠物，能陪我，最好能帮我自动分析今天的任务，告诉我哪几个可以糊弄过去……” “我要 B+ 指南，我要合法摸鱼……”

（别去学那些复杂的指令，普通人根本写不出完美的逻辑，但每个人都会骂街，AI 对翻译和提取信息极度擅长，它能把你毫无逻辑的“怨气”，翻译成精准的“需求”）

3. 拒绝“梭哈”，给任务切片

拿到文档后，千万别有“赌狗心态”

AI 也是“鱼的记忆”，和平常的我一样，做着前面的忘着后面的。

如果我们试图一句命令让 AI 生成整个 App，AI 就直接猪脑过载。开始一本正经的胡说八道，也就是所谓的“幻觉”。

AI 和人类一样，一次只能干好一件事。

所以我们要让 AI 给自己的任务切片，做计划。

这样做还有一个好处。方便隔离风险，如果“首页”写崩了，我只需要回滚这一步，不需要把整个房子推倒。

所以我们再给 AI 第二个指令：

我想把页面拆分开，按阶段逐步完成，你来每个页面帮我输出每一个页面的提示词，如果页面过于复杂可以再次拆分。提示词之间要互相关联。符合工程化标准。提示词按开发顺序排列。

于是我们就得到了一套带有序号的提示词

三、Ctrl+C+V

现在，“施工图纸”（Prompt）切好了。 接下来的操作，极致简单。

我们的键盘只剩下了三个键有用：Ctrl、C、V

1. 要做渣男，别在一棵树上吊死

打开 Google AI studio，找到 Vibe code GenAl apps

哪怕你的提示词写得再完美，AI 也有“抽风”的概率。作为甲方，我们要学会“广泛撒网”

一口气开 3 个 Tab 页，把同样的 Prompt 同时发给三个窗口。 谁跑出来的效果好，我就临幸谁。 就是“赛马” ——让硅基生物内卷，我们碳基生物躺着就行。

2. 指点江山：体验当“恶霸甲方”的快乐

为了生成更稳定的风格，我在 pinterest 随便找了张参考图。并把图和 prompt 按步骤分别发给 AI。

我们来看下首页实现效果，效果还是挺可以的。

但作为设计师，我们的职业病马上就会犯，里面很多小的问题。

以前改个圆角，你得去翻 CSS 代码，跟前端扯皮。

现在？Gemini 3 给了我们一支“笔”，也就是“注释”功能

哪里看不顺眼，直接用鼠标画个圈，打个箭头，然后点击 “add to chat”，AI 就能根据我们的描述和标记进行修改，这一步，是我们的高光时刻。

当然，在调教 AI 的过程中，经常会出现“越改越烂”的情况，这时候，右侧的 History（历史版本） 就是我们的救心丸。它自动保存了每一次生成的快照，方便我们去回滚代码。

所以放心去造。

3. 填鸭式开发：看着它长出来

底子选好了，细节修好了，剩下的就是“喂饭”。

把你刚才切片好的提示词，按顺序一段一段复制进去。 整个过程你不需要写一行代码，只需要像个大爷一样挑刺、指挥。 然后看着一个 App 在你眼皮子底下像搭积木一样层层叠叠长出来。

下面就是我们实现的功能

日程功能：

聊天搭子功能：

4. 把“玩具”变成“产品”

东西做好了，怎么让兄弟们看到？

① 分享

我们可以用谷歌官方的渠道进行分享，一键生成链接，3 秒钟搞定，发到群里，你就是今晚最靓的崽。（注意：这种方式源码是裸奔的，适合发给朋友玩玩）

② 部署（进阶）

如果你想做一个正经的、长期的应用，就可以选择部署，但是现在 gemini 生成的应用都是纯前端实现的，所有我们的 apikey 也会暴露在前端（相当于别人可以随便看到随便用）

我们可以选择谷歌云的方式部署，会自动保护我们的 apikey，但是需要我们开通谷歌云（付费绑定信用卡）

或者把它下载下来，扔给 Cursor 或 Trae 任何一个 AI 编程软件都可以，打开这个文件夹，并说:

我要部署这个项目。 现在的 API Key 在前端不安全。 帮我把 Key 挪到后端去，并帮我配置好环境

后面我们可以选择部署到 Vercel，或者本地部署。

具体的流程大家可以参考这个视频，如果有不懂的也可以给我留言，我会进行解答

四、设计师的“大航海时代”

我们整体回顾下思路。前三步的思路其实可以套用到我们和 AI 交流的任何一个任务中。

从一个只会画图的设计师到手搓出一个能跑、能聊天的 App，中间只隔着几个 Gemini 的窗口。

Chill Pal 这个软件本身只是个玩具，但它诞生的过程，说明了一个事实： 技术那层不可一世的窗户纸，已经被 AI 彻底捅破了。

现在，“自然语言”就是新的编程语言。

只要你会说话，有逻辑，有审美，你就能成为一个独立开发者。

这对于设计师来说，与其说是危机，不如说是千载难逢的红利。当 AI 能解决所有技术难点时，拼的是什么？ 拼的是“品味”，是“洞察”，是“脑洞” 。 而这，恰恰是我们最擅长、也是 AI 暂时偷不走的东西。

所以，别再纠结 AI 会不会取代你了。 去打开 AI Studio，去把那些曾在脑海里闪过无数次的、那些因为“由于技术原因无法实现”而被毙掉的疯狂想法，重新捡起来。

先做出来再说。

应用分享地址，大家可以进去后随意改造。发挥你的创意，也欢迎有改进意见的朋友分享。

网址：https://ai.studio/apps/drive/1Sozn7uFtzAchKzCoUecByUzvoG4HqjX9

我是贝塞尔砍刀，专注探索 AI 时代的“设计师超级个体”之路。 如果你不想只做一颗螺丝钉，想拥有一套属于自己的数字化武器库。 关注我，我们一起进化