2026 年小红书 vibecoding 标签下的实操作品。非技术开发者用 AI 工具做出真实产品的范本,从桌宠/游戏到带用户的小程序。Truman 一堂体系外的、来自一线创作者的实战记录。
一、Vibecoding 核心三心法(怪奇物语游戏视频提炼)
纯文科生,没学过 Python,用代码聊天做出怪奇物语风格逻辑完整的游戏。
| 心法 | 内容 |
|---|---|
| 1. 说清要求 | 不需要懂编程语言。像指挥乙方公司一样告诉 AI:"80 年代的复古 UI 风格,画面特效要有阴冷和电磁干扰的质感。" |
| 2. 逐步推进(养成系) | 千万别想着一次性完美。先搭骨架,再添血肉,最后加点睛细节。AI 会根据你的内容算出合适的数值,看着想法一点一点落地,养成系编程很上瘾。 |
| 3. 做挑剔的甲方 | 哪里不顺眼直接打字,用自然语言告诉它要怎么调整。"代码会像水一样根据你的审美流动自动重组。" |
核心洞察(2026):Vibe coding 对非技术背景的人最大的意义是 — 让审美第一次跑在了工具前面。"你不再是被复杂代码审判的小白,你也可以是这个世界的总导演。"
"有时你和造物主其实只差一个聊天框。"
二、0-80 vs 80-100 分生死线(《词了个词》作者访谈 02)
关键洞察:Web coding 把产品从 0 到 80 解决了,但 80 到 100 才是产品真正达到可用的一个状态。
产品开发关键时间节点(2026 年某独立开发者)
| 时间 | 工具 | 状态 |
|---|---|---|
| 2026-05 | 早期 AI | 编程能力差,处处碰壁 |
| 2026-09 | Gemini 2.5 | 解决主要功能问题,但有 bug + 思考慢 |
| 2026-12 | Cursor + Codex | 彻底重构思路,前后端一股脑解决 |
评判 Web Coding 价值的 3 个标准
- 用户付费意愿程度
- 破圈性
- 可扩大性
个人开发者的策略选择(劣势中找优势)
| 选项 | 问题 | 策略 |
|---|---|---|
| 做专业背单词软件 | 现有竞品长线迭代,功能丰富,个人开发者无法竞争 | ❌ |
| 做面向全球的广告变现背单词 | 渠道 + 流量门槛太高 | ❌ |
| 做游戏化小程序(羊了个羊+消消乐+背单词) | 简单关卡能戳中用户痛点 | ✅ |
"我是程序员里面最会唱歌的,我是唱歌里面最会做程序员的。" — 在自身劣势中找到自己的优势光点。
80-100 分的真正难点(非代码部分)
- 非代码逻辑(词书接入 + 图片文本匹配 + emoji 单词映射 = dirty work)
- 审核时间(2 个月小游戏审核但小程序代码不能过)
- 用户体验(80→100 才是生死分界岭)
最重要的能力(开发完成度)
兴趣 > 技术:优秀产品经理要喜欢自己的产品,依靠自驱力和兴趣,每天使用软件、聆听用户反馈来优化产品。前期无金钱奖励,只能靠自驱。
三、典型实操案例
案例 1:VIbecoding 桌宠教程(小壮)
3 Rounds 流程:
- Round 1 — 明确需求:动态真实小狗效果悬浮所有页面之上,可拖动切换模式,后台面板更新素材 + 设置问候语 → 整理好提示词 copy 给 Codex,生成同款产品框架
- Round 2 — 制作动态效果:AIGC 生成形象卡 + 不同姿势 + 首尾帧动态视频串联 → 剪映智能抠图 / 色度抠图 → MP4 透明底
- Round 3 — 嵌入 Web Coding 产品:上传视频 → 配置关联视频互动状态 → 与 Web Coding 工具沟通定制(定时出现 / 自动状态切换)
金句:"打工人每天盯着屏幕,终于有一个会卖萌的理由让你停下来了。"
案例 2:Cozy Cat Fit(独立游戏制作人 Potion,1 个月)
开发过程:
- 复刻拼图游戏《Cats Organize Neatly》(源自 Polynomial 玩法,1907 年)
- 28 只猫咪 × 不同形状 + 花色 + 动画 + 物理系统毛发
- 春节期间每天 3-4 只,1/20 启动,2/19 完工
- 制作拼块编辑器 + 谜题生成工具 + 解题工具 → 700 多局精心筛选谜题
美术成本警告:延续猫咪主题,但严重低估了美术绘制成本。
案例 3:Vibecoding ARPG 游戏 30 天挑战(Chris)
Vol.2 第 4 天:主城基本完成 + 掉落系统 + 捡尸系统 + 背包系统 + 一键背包整理
Vol.3 第 8 天:打通索尔城传送路线 + 完成基础场景底层 + 精英怪镇守
关键决策:优先搞定游戏内容才是王道(放弃了 2 天的骨骼动画死磕)
最终目标:第一个副本搭建完毕后第一时间 Demo 上 Steam。
案例 4:一下午一句话 Codex 完整游戏 (《夜寻路》)
类杀戮尖塔卡牌爬塔游戏 + 完整大关卡:
- 几乎所有素材由 Codex 调用 GPT Image 2.0 图像生成模型生成
- Codex 自己抠图 + 处理图片
- 收集动画 + 音效 + 音乐 + 结算动画(C-Dance 2.0)
- 完整 boss(画皮 / 荒庙镇殿)
- 首页 + 图标都自动生成动画
- 已开源
案例 5:ASCII 艺术风格转换器(小壮,一晚上)
支持上传图片 → 一键转化高级感艺术照 → 调节字符密度 / 对比度 / 字符集 → 导出。
案例 6:Vibecoding 游戏开发 N 天日记(WapCoding 作者)
第 3 天:渣渣地图 + 怪兽列表 + 基础战斗数值 第 26 天:乞丐版本卡顿,重构后速度飞起,地图 21 张,加 NPC 对战 / 战斗迷雾 / 城镇 / 交易系统 + 妖怪图鉴 + 据点玩法 第 64 天:NPC 颜值终于过审美,玩家小人从图标变成 3D 灵动角色
心法:过程不重要,终于拿到正常的版本了,让 Codex 帮我植入到游戏中后看下效果。
案例 7:词了个词(1w 用户,3 个月)
数据:
- 上线 3 个月 / 最高日活 7000
- 活跃次留 45% / 新增次留 25% / 7 日留存 10%
- 小红书爆款帖子 4000+ 点赞驱动流量
借力策略:借品牌效应宣传
- 名字参考"羊了个羊"
- 玩法参考"消消乐+抓大鹅"
- 宣传借已有品牌势能
用户建议优先级处理:
- 性能优化(丝滑 + 符合直觉)
- 成就感 + 分享感(排行榜 + 分享)
- 产品破圈(高难度关卡 + 荣誉提名 + 好友对战 / 情侣单词比赛)
案例 8:Vibecoding 怪奇物语游戏
纯文科生,用 Google AI Studio,没学过 Python,做出怪奇物语风格逻辑完整游戏。
案例 9:音乐版 Cursor(buildinpublic)
Strato live coding 工具:把音乐创作变成代码化、量化的形式。
- 接入 Codex(可调 ChatGPT 5.5 推理程度 / 快速模式)
- HONEST 框架 + 上下文占用比例显示
- 代码 = NOTE 块(C2/G2/EB3 音阶参数 + 音轨 + ADSR 包络)
- Library 功能:存 800+ 官方+开源代码片段(Disco/Rock/Sense 合成器)
- 简单提示词 "Space Ambient 音乐" → 细致拆分 + 打 tag(Energy: Low / Groove / Space Roll)
案例 10:等模式思考不再无聊(终端俄罗斯方块)
问题:等 Claude Code 思考时无聊 方案:左侧跑 Claude Code,右侧分屏跑俄罗斯方块。方块由左侧聊天关键词组成。AI 任务完成 → 右侧方块下落速度突然加快,催促你回去看结果。 灵感:MIT 学生宿舍把整栋楼变成俄罗斯方块场地。
案例 11:美团 LongCat 深度思考做手势贪吃蛇
1 分钟做完整手势互动贪吃蛇(8 个 thinking 窗口并行)。
- 美团龙猫 LongCat 深度思考模型
- 一个指令蹦出 8 个 thinking 窗口同时狂转(并行推理)
- 闭门会议式给自己排查所有坑 → 最优解
- 全球多项智能体泛化能力测评拿下 SOTA
案例 12:vibecoding 全流程工具(小壮)
8 件套:
- 聊需求 → 一键生成产品文档
- 找优质 UI 参考案例
- 生成前端交互页面
- 完善交互动效
- 构建后端数据库
- 调试代码修 bug
- 直接部署上线
- (推荐自己关注)学会超多 AI 工具
案例 13:情侣约会项目从夯到拉(夫妻版)
用 vibecoding 概念评分各种约会活动:
- 漂亮饭 → 拉(吃不饱不好吃死贵)
- 私人影院 → NPC(过时)
- 一起健身 → 顶级(尤其甜蜜期)
- 一起做饭 → 夯爆/拉(看人)
- 在家吃火锅看剧 → 顶级(都不用讲话)
案例 14:近期被惊艳到的 3 个 vibe coding 作品
- 电子专辑(美粉)
- 电子拼豆(照片生成,拼豆下载)
- 猫咪自拍生成器(设地点 + 时间)
四、关键工具栈(全集汇总)
| 工具 | 用途 |
|---|---|
| Google AI Studio | 入门首选,代码隐藏式,纯文科生友好 |
| Cursor | AI 编程主力,接入 Codex / Claude / Gemini |
| Codex(GPT-5.5) | 全能开发(代码 + 图像 + 抠图)/ 杀戮尖塔级游戏 |
| Gemini 2.5 / 3 | 2026-09 转折点 / 3D 粒子动画 |
| 国内灵光 | 国内 Web Coding 工具(类 Google AI Studio,代码隐藏) |
| GPT Image 2.0 | 图像生成(Codex 内置) |
| 剪映 | 抠图 / 色度抠图 / MP4 透明底 |
| Figma | 战斗场景设计 |
| 美团 LongCat 深度思考 | 8 thinking 并行 / SOTA 智能体 |
五、独立开发者心态(从访谈萃取)
| 阶段 | 心态 |
|---|---|
| 起步 | 不慌,有时你和造物主只差一个聊天框 |
| 挫折 | "不生气,使尽全力,必有回应" / "一定是我使用的方式不对,继续加油" |
| 认知刷新 | "人的认知要不断更新,不要考虑过去的困难,要面向未来" |
| 决策 | 用户付费意愿 / 破圈性 / 可扩大性 = 评判标准 |
| 持续 | 兴趣 + 自驱 > 技术 |
六、未来预测(《词了个词》作者)
"2025 年对话式 AI 软件该完全淘汰了。2026 年需要这一类应用的井喷式发展 — 专业化、逻辑自洽、工具丰富的替代对话软件。"
未来重点方向:用大模型做科学预测(总结当前情况 + 周边环境 + 互联网舆论 → 给项目建议 + 教育)。 大模型成为人的老师 + 方向指南针。
七、Vibe Gaming 平台化:Astro Kid 4 亿融资案例(2026-05-17)
来源:小红书 短视频《李飞飞做 AI 游戏,拿了 4 个亿》(2026-05-17 上传)。视频原话用 Astro Kid 命名,业内常见称呼 Astrocade。
意义:这套 wiki 前 6 节都是个体创作者视角的 vibecoding 游戏开发,本节是平台侧的商业兑现 — vibecoding 游戏走向 TikTok 化大众消费 + 创作者经济闭环。
产品形态:把"玩游戏"做成"刷抖音"
| 维度 | 设计 |
|---|---|
| 发现方式 | TikTok 式 feed — 点开游戏,不喜欢下滑,喜欢点赞评论 |
| 内容 | 首页全 AI 生成游戏,题材覆盖 铁道大战僵尸 / 像素猎人 / 咒术回战 / 餐厅经营 / 停车 / 种地 等 |
| 形态 | 简易版,规则简单,无需下载,无广告 |
| 使用场景 | 上班摸鱼 / 睡前放空 / 2 分钟即爽 |
| 内容生态 | 多款已达几十万至几百万次游玩 |
零代码创作:用大白话 10 分钟出游戏
以"乙女游戏 + 4 个不同风格男主"为例:自然语言描述 → AI 补全设定(风格/背景选项)→ 等待 10 分钟 → 角色/剧情/互动系统全自动搭好 → 右侧精修(主角名/好感度/难度)。对话剧情流畅,有"成熟游戏的味道"。
"不用写一行代码,用大白话描述给 AI,几分钟就能玩上。"
融资 / 增长节奏
| 时间 | 事件 |
|---|---|
| 2022 | 成立,闷头搞技术 |
| 2024-06 | 公开亮相 |
| 2024(种子轮) | $1200 万美元;英伟达 + AME + 游戏圈传奇人物投资 |
| 上线 8 个月 | 2000 万用户 / 月均 1.4 亿次游玩 |
| 2026-05(本轮) | A 轮 + B 轮合并披露 $5600 万美元;东海集团 + 红杉资本 领投,谷歌 + 英伟达 跟投 |
名字寓意:Astro(宇宙/太空) + Kid(街机游戏厅) = "宇宙级游戏厅",野心写在名字里。
创作者经济:1 亿美元基金 + 按游玩次数分成
- $1 亿美元创作者基金
- 创作者凭"游玩次数"获得收益
- 已有创作者月入几千美元
这是 vibecoding 商业闭环的关键一块拼图 — 前 6 节"个体开发者做小游戏"的下游缺一个变现通道,Astro Kid 平台提供了。
与本 wiki 其他节的对照
| 节 | 视角 | 与 Astro Kid 关系 |
|---|---|---|
| 一、三心法(怪奇物语) | 个体 / 工具用法 | "说清要求 → AI 补全"在 Astro Kid 上 = 普通玩家也能用 |
| 二、80→100 生死线(词了个词) | 个体 / 独立开发者 | Astro Kid 是平台,把 0-80 工具化,玩家只需要审美和创意 |
| 三、典型实操(Vibecoding 游戏开发 N 天) | 个体 / 长期闯关 | 这些个体路径的"终局"= Astro Kid 这种平台收割 |
| 六、未来预测 | 个体 / 趋势判断 | "2026 应用井喷"得到平台侧验证,资本已用 4 亿美金下注 |
开放问题
视频结尾:"你看好这个 AI 游戏版抖音的未来吗?"
判断点(本节读者可自评):
- 玩家侧:TikTok 式碎片游戏能形成像短视频一样的"刷"习惯吗?
- 创作者侧:几千美元月入是否能撑住长尾创作者活跃?
- 模型侧:10 分钟生成的游戏质量能跟"成熟游戏"持平多久?
See also
- 小红书 / AI 网页 + 3D 交互 + Pretext 设计合集 — AI 网页设计 / 3D 交互 / Pretext
- 小红书 / AI 工具 + Skill 教程合集 — AI 工具 / Skill 教程
- 小红书 / Vibecoding 审美 + 创作者经济合集 — vibecoding 审美 + 创作者经济
- 王凯 AI Coding 实操:从 Cursor 到 Claude Code 终端工作流 — 王凯 AI Coding 实操(技术派视角)
- newtype · AI Coding 实战与工具栈演化 — newtype AI Coding 工具栈
- 王凯 Claude Code 终端工作流方法论(完整版) — Claude Code 完整工作流
- dontbesilent AI 自媒体课程 / 13 节系统化方法论 — 老 D AI 自媒体课程