2026 年 vibecoding 创作者的共识:
"模型真的不是最重要的,反而审美才是提升我们项目的关键。"
"在 AI 时代,审美第一次跑在了工具前面。"
一、斯坦福大学公开课《审美是第一生产力》
课程概览
乔布斯:"一个好产品与否,最终是由品味来决定的。"
课程拆解(单元应用)
| 单元 | 内容 |
|---|---|
| 基础知识 | 把课件 PPT 直接给大模型 → 大模型根据基础框架生成可视化设计 |
| D3 工具 | 网页端交互的数据可视化(便捷+强大) |
| 颜色设计 | 颜色提取网站 → 选色系 → 给大模型 → 大模型按色系设计 |
| 动画使用 | 谨慎考量(不当使用可能让读者更疑惑) |
| 数据可视化 | 网络数据 / 关系图 / 自然语言处理 / 文本型 |
核心观点
"模型真的不是最重要的,反而审美才是提升我们项目的关键。"
二、调教 Vibecoding 审美价值 10 万(小壮)
核心 — Kimi 2.6 设计审美惊艳
对比 Cloud Design 之后,Kimi 2.6 的设计审美还是惊艳到我了。
- 前端审美能力更强
- 动效排版 = 海外主流设计网站效果
- 能调用 AIGC 工具快速生成视频和图片
- 一个工具搞定,无需多个工具来回切换
3 招做出 10 万设计效果
招 1:1-1 精准复刻
录屏 → 喂给 Kimi 2.6 → 输入提示词:
请复刻附件视频中的视觉网站 UI 设计风格和配图元素保持一致,1:1 完整还原。
"所见即所得"。
招 2:学会 3 个前端术语 → 控制力 +1 档
| 术语 | 用途 | 效果 |
|---|---|---|
| Hero 区放视频 | 网页首屏放全景视频 | 沉浸感拉满;Kimi 2.6 能直接生成 |
| Shader 动效 | 流动的光 / 扭曲粒子 / 迷幻背景背后的技术 | 动态审美直接升级 |
| Three.js / 3D json | 3D 视觉效果 | 立体感 + 空间感 |
招 3:善用高质量模板
- Kimi 2.6 提供超多动效模板
- 把模板里的素材替换成你自己的视频和图片
- Kimi 一键生成 / 也可上传自己的视频素材
- 耐心多微调几次
三、Pretext 爆火 — 创作全民化的未来
创作者背景
在 AI 公司工作 + 两个孩子的妈 → 主页被 Pretext 刷屏 → 2100 万+ 围观。
用 PreteX 做 2 个东西(10 分钟)
- PreTeX 代码丢给 AI StarChild → 2 分钟 Demo APP
- 给孩子讲故事的可视化 → 每句话生成由文字组成的图案(10 分钟)
"AI 时代越来越多的人就更容易表达自己了。有很多人可能并不适合在镜头前表达自己,通过 PreTeX 这样的开源技术,更多人可以做这样美好的艺术动画出来去表达自己。"
创作平民化的意义
"AI 给普通人带来的好处是让创造这件事变得平民化,可以带来金钱,可以带来机会,也可以让每一个人找到自己定位的一件事情。"
四、Karpathy 0 基础解读(附提示词)
详见 小红书 / AI 工具 + Skill 教程合集 第九节。
核心:
- HapaiC(Karpathy)243 行代码复现 LM
- 整体算法就这么多,GPT 多出来的几十万行只是为了跑得更快
- 10 个浏览器模块 + 新词解释 + 学生与老师批改填空的比喻(解释反向传播)
五、《词了个词》作者访谈(创作者经济)
关键数据
| 指标 | 数据 |
|---|---|
| 用户 | 1w(上线 3 天) |
| 最高日活 | 7000 |
| 活跃次留 | 45% |
| 新增次留 | 25% |
| 7 日留存 | 10% |
| 流量 | 小红书爆款 4000 点赞 |
关键 Web Coding 时间节点
| 时间 | 工具 | 状态 |
|---|---|---|
| 5 月 | Cursor 早期 | 编程能力差,处处碰壁 |
| 9 月 | Gemini 2.5 | 解决主要问题,但有 bug |
| 12 月 | 新工具(Cursor + Codex) | 前后端一股脑解决 |
80-100 分生死线(核心洞察)
Web Coding 把产品从 0 到 80 解决了,但 80 到 100 才是产品真正达到可用的一个状态。
评判 Web Coding 价值 3 标准
- 用户付费意愿程度
- 破圈性
- 可扩大性
借力策略
- 名字参考"羊了个羊"
- 玩法参考"消消乐+抓大鹅"
- 宣传借已有品牌势能
"我是程序员里面最会唱歌的,我是唱歌里面最会做程序员的。"
文科生开发建议
用 Gemini AI Studio 或国内灵光(代码完全隐藏,只写功能需求和用户界面)。
带过亲戚孩子(高中生)用 Gemini 一天做出 APP。
六、buildinpublic 音乐版 Cursor(详见 B1 + B6)
详见 小红书 / Vibecoding 实操合集(游戏/工具/小程序) 案例 9 + 小红书 / 音乐 × 数学合集(欧几里得节奏 + 惠特尼音乐盒) 第四节。
核心理念:
- 数字化代码化的量化方式呈现音乐创作
- Strato live coding 工具
- 接入 Codex + HONEST 框架
七、Vibecoding 审美的 3 层境界
第 1 层:工具论(初学者)
"我的 Web Coding 是用什么模型做的?" — 错问题
第 2 层:审美论(进阶)
审美 > 模型。你喂给 AI 什么水平的设计,它就会给你做出什么样的页面(小壮)。
第 3 层:创造平民化(资深)
AI 时代,审美第一次跑在了工具前面(怪奇物语游戏视频)。
创造不再是少数人的特权 — 不会设计 / 不会代码也能做出让自己开心的小工具(小壮)。
AI 让创造平民化,让每一个人找到自己定位(Pretext 视频)。
八、创作者经济的真实数据点(本系列汇总)
| 案例 | 数据 |
|---|---|
| 小红书爆款帖子 | 4000+ 点赞驱动 1w 用户 |
| 小程序留存 | 次留 25-45% / 7 日 10% |
| 投流门槛 | 次留 ≥ 40% 才适合投流 |
| 3 天 1w 用户 | 词了个词 / 学英语软件 / 背单词 |
| 创作者背景 | 设计师妍妍 / 小壮 / Chris / Potion / 词了个词作者 / 设计转算法工程的 MIT 道路独立开发者 / AI 公司+2 娃妈 |
九、共同心法(贯穿 10 篇)
| 心法 | 来源 |
|---|---|
| "模型不重要,审美最重要" | 斯坦福审美课 / 小壮 |
| "你和造物主只差一个聊天框" | 怪奇物语 |
| "会追新的人很多,会把东西做成的人很少" | AI 建站流妍妍 |
| "养成系编程" | 怪奇物语 |
| "做挑剔的甲方" | 怪奇物语 |
| "80→100 是生死线" | 词了个词作者 |
| "兴趣 > 技术" | 词了个词作者 |
| "借力 + 找差异化" | 词了个词作者(借羊了个羊+消消乐) |
| "创造平民化" | Pretext 视频妈妈 |
| "AI 时代每个人能找到自己定位" | Pretext 视频妈妈 |
See also
- 小红书 / Vibecoding 实操合集(游戏/工具/小程序) — Vibecoding 实操(词了个词访谈完整版)
- 小红书 / AI 网页 + 3D 交互 + Pretext 设计合集 — AI 网页 + 3D 交互(Kimi 2.6 / Pretext)
- 小红书 / AI 工具 + Skill 教程合集 — AI 工具 + Skill(Karpathy nanochat / Skill 体系)
- 小红书 / AI 视频 1-1 复刻完整工作流 — AI 视频
- 小红书 / 数据 + 历史 + 文化可视化项目合集 — 数据可视化
- 小红书 / 创意 + 治愈系 + 自然主题合集 — 创意治愈
- 小红书 / 音乐 × 数学合集(欧几里得节奏 + 惠特尼音乐盒) — 音乐 × 数学
- Karpathy · Software in the era of AI(Software 3.0) — Karpathy Software 3.0
- dontbesilent AI 自媒体课程 / 13 节系统化方法论 — 老 D AI 自媒体课程