外观
VIBE CODING 学习中心
让每个人
都能把想法，做成产品
我们相信 AI 时代不该有技术门槛：学会用大白话和 AI 对话，你的想法就能变成能上线的产品。 这里的每一条术语、每一个方法，都来自沉思波真实交付的项目——不讲空话，只教用得上的。
26条术语，持续增补
4个需求要素，少一个返工一次
19款产品实战沉淀
10门课：四条学习线，八门已上线
完整课程体系 · 四类十门
四条学习线、十门课：八门已上线，随时可学；两门在建的（开发中 / 规划中）也摆在架上，进度照实写。 还没做出来的课先进页尾课程排产 · 缺口清单——没内容的课不占课程位。
我的学习
还没有学习记录
在课卡目录里勾选「学过」，进度记在本机浏览器
共 10 门课 · 已上线 8 门 · 在建 2 门；每门课都写清目录、适合人群、时长与进度，缺的课进页尾排产清单。
- 已上线免费入门AI 入门
AI 小课堂 · 需求体检
输入一句模糊需求，按「需求四要素」逐项体检，直接生成可以发给 AI 的完整需求稿——不用注册、不用 API Key。
目录 · 3 个单元 点圆勾选学过
- 01一句话说出你的想法
- 02四要素逐项体检：做什么 / 给谁用 / 期望时间 / 参考与预算
- 03补齐缺项，复制完整需求稿
已学 0/3 · 0%现在就试 - 已上线免费入门AI 入门
第 0 课：跟 AI 说话的三个要点
跟 AI 协作的三条底层规矩，一条一分钟，看完就能改掉最常见的说法。
目录 · 3 个单元 点圆勾选学过
- 01说结果，不说实现
- 02给参照物
- 03小步走，常验收
已学 0/3 · 0%开始第 0 课 - 已上线免费入门AI 入门
需求四要素：提需求的方法论
接了上百个需求后总结出的最小完备集：缺一项，返工一次。写完四件事，直接发给 Agent 或开发团队。
目录 · 4 个单元 点圆勾选学过
- 01做什么
- 02给谁用
- 03期望时间
- 04参考与预算
已学 0/4 · 0%看方法论 - 已上线免费入门Vibe 实战
术语图鉴 · 26 条
把口语需求变成准确指令的第一步：26 条术语分四组，每条带一句「可以直接这样说」的例句。
目录 · 4 个单元 点圆勾选学过
- 01UI 交互 · 13 条
- 02体验与适配 · 3 条
- 03前端开发 · 5 条
- 04产品与方法论 · 5 条
已学 0/4 · 0%进图鉴 - 开发中进阶Vibe 实战
Vibe 实战教程
从零到上线的完整实战：怎么描述需求、怎么验收、怎么看懂 Agent 的回复——陆续在文档中心发布。
去文档中心看进度目录 · 3 个单元
- 01怎么描述需求
- 02怎么验收做出来的东西
- 03怎么看懂 Agent 的回复
- 规划中进阶Vibe 实战
练习场
边做边学的小练习：给你一个真实场景，你来提需求，AI 来做——做出来的东西是你的。
去社群提需求目录 · 3 个单元
- 01真实场景出题
- 02你来提需求
- 03AI 来做，成果归你
- 已上线免费入门产品使用
千序言 · 平台概览与接入
生文 / 生图 / 生视频聚合平台是什么，OpenAI 兼容怎么接：Base URL、认证方式、cURL 与 Python 示例。
目录 · 6 个单元 点圆勾选学过
- 01为什么是「聚合」
- 02接入方式（OpenAI 兼容）
- 03cURL 示例
- 04Python（openai SDK 换 base_url）
- 05接入前要知道的三件事
- 06我们自己怎么用
已学 0/6 · 0%打开课程 - 已上线免费入门产品使用
千序言 · 模型与计费概念
模型怎么分档、积分与任务计费口径怎么算——只讲概念与使用建议，不挂价格表。
目录 · 4 个单元 点圆勾选学过
- 01模型目录
- 02收敛期的使用建议
- 03计费概念（积分制）
- 04常见问题
已学 0/4 · 0%打开课程 - 已上线免费入门教育线
知新 · 是什么
教育 AI 日报站的定位、六个分类与出刊节奏，以及我们自己怎么用它。
目录 · 4 个单元 点圆勾选学过
- 01它是什么
- 02六个分类
- 03从哪看
- 04我们怎么用它
已学 0/4 · 0%打开课程 - 已上线免费入门教育线
知新 · 日报怎么看与出刊机制
日报结构、条目来源、每天早上 8 点的出刊机制，以及每条内容为什么可信。
目录 · 4 个单元 点圆勾选学过
- 01看日报
- 02出刊机制：每天早上 8 点
- 03每条内容为什么可信
- 04给接入方的提示
已学 0/4 · 0%打开课程
课程排产 · 缺口清单
还没做出来的课不占课程位——以下三条是内容生产需求，上线一门补一卡：
- 产品使用线 产品矩阵 19 款中目前 2 款成课（千序言 2 门），其余产品教程待产——由产品线 / 文档中心供稿。
- 教育线 知新蒸馏知识点与精选待接入成课——由知新内容线供稿，接入后并入教育线分类。
- 进阶线 Vibe 实战教程开发中、练习场规划中——学习中心自产，发布即上架。
这个学习中心要做什么
不是一本术语词典，而是一条从「有想法」到「能上线」的路。我们分四步走：
- 01已上线
术语图鉴
把「鼠标放上去有个小提示」变成「给按钮加 Tooltip」——口语需求准确化的第一步。本页下方即是。
- 02已上线
需求四要素
提需求的方法论：做什么、给谁用、期望时间、参考与预算。写清四件事，返工少一半。
- 03开发中
Vibe 实战教程
从零到上线的完整实战：怎么描述需求、怎么验收、怎么看懂 Agent 的回复——陆续在文档中心发布。
- 04规划中
练习场
边做边学的小练习：给你一个真实场景，你来提需求，AI 来做——做出来的东西是你的。
AI 小课堂 · 现在就体验
把 AI 用起来的第一步，就是学会把需求说清楚。下面就是我们的 AI 教学现场——不用注册、不用 API Key，直接上手：
立即体验 · 第 0 课
用一句话说出你的想法，AI 帮你把需求变「完整」
就像你正对 AI 说话一样，随便说——越口语越好。
Ctrl + Enter 直接开始
这个工具和我们的开源 Skill
chensibo-vibe用的是同一套方法论：把它装进自己的 AI 编程助手，让它在你干活时随时帮你体检需求。
第 0 课：跟 AI 说话的三个要点
要点 01
说结果，不说实现
告诉 AI「你要什么效果」，而不是「用什么技术」。技术选型是 AI 的活。
例：说「点完要有反馈」，别说「用 transition 实现」
要点 02
给参照物
说不清的时候，给一个「像 XX 一样」的参照，比一段形容词都管用。
例：「筛选交互像电商那样，选项即时生效」
要点 03
小步走，常验收
一次提一个需求，做完看一眼再继续——一次提十个，返工十次。
例：先做「列表页」验收，再做「详情页」
需求四要素：提需求的方法论
这是我们接了上百个需求后总结出的最小完备集：缺一项，返工一次。
01
做什么
要做的东西是什么：功能 / 页面 / 系统，核心功能点写出来。
例：做一个刷题小程序，含答题、错题本、排行榜
02
给谁用
目标用户是谁、在什么场景下用——决定界面怎么排、功能怎么取舍。
例：给大学生备考用，课间 10 分钟刷一组
03
期望时间
期望什么时候上线或交付——没有时间点的需求永远做不完。
例：11 月底前上线第一版
04
参考与预算
参考哪个产品、什么风格；预算区间或「可谈」——两者给一个即可。
例：参考「百题斩」的答题体验，预算可谈
把这段发给你的 Agent 或开发团队，它就知道该干什么了。也可以用我们的开源 Skill
chensibo-vibe（MIT），它会自动帮你体检需求、提示术语——详见用户社群置顶帖。
术语图鉴
鼠标指到元素上时的视觉变化（变色、抬升、描边都算）。
可以直接这样说：「给按钮加悬停反馈：鼠标移上去时底色变亮、轻微上移 2px，移开后回到原样。」
鼠标按住或手指按住元素那一瞬间的视觉变化。
可以直接这样说：「按钮要有按下反馈：按住时缩小到 0.97 并加深底色，松开恢复。」
鼠标悬停或键盘聚焦时浮出来的一小段说明文字。
可以直接这样说：「为下载按钮加文字提示：悬停或键盘聚焦时显示「下载 PDF」。」
数据还没回来时给用户的过渡提示（转圈、进度条、按钮禁用）。
可以直接这样说：「提交表单时按钮进入加载状态并禁用：显示「提交中…」，成功后恢复并提示结果。」
页面加载时用灰色块模拟内容轮廓，比白屏转圈更「有盼头」。
可以直接这样说：「列表首屏用骨架屏占位，数据回来后原位替换，不要整页闪白。」
列表或页面没有数据时的引导画面，告诉用户为什么空、下一步做什么。
可以直接这样说：「订单列表为空时显示空状态：插画 + 「还没有订单」+ 去下单按钮。」
几秒自动消失的小提示条，适合「保存成功」「已复制」这类确认信息。
可以直接这样说：「复制成功后用轻提示显示「已复制」，2 秒后自动消失，不打断操作。」
压在页面上的对话框，必须处理完（确定/取消）才能回到页面。
可以直接这样说：「删除前用模态弹窗二次确认：说明删除后果，按钮写「确认删除」而不是「确定」。」
从屏幕边缘滑出的面板，适合放详情、筛选或表单，不离开当前页。
可以直接这样说：「点表格行的「详情」时从右侧滑出抽屉展示详情，关闭后回到列表原位。」
同一区域里切换不同内容分组的横排按钮。
可以直接这样说：「设置页用标签页分组：基础设置 / 通知 / 账号安全，切换不刷新整页。」
把长列表切成多页，显示每页条数与当前页码。
可以直接这样说：「列表加分页：每页 20 条，可选 20/50/100，记住用户上次的选择。」
页面顶部显示「首页 > 栏目 > 当前页」的层级路径，随时点回去。
可以直接这样说：「详情页顶部加面包屑：首页 > 产品矩阵 > 本产品，点击任一层级可返回。」
整站配色在浅色/深色之间切换，正文对比度仍然可读。
可以直接这样说：「支持暗色模式：跟随系统切换，图表、代码块、弹窗都要有深色配色。」
当前分区 UI 交互 · 13 条 · 全站 26 条术语，与开源 Skill chensibo-vibe 同源
Vibe 实用外部资源
我们真在用、真推荐的外部工具与库，一期一拆；截图版权归原作者，推荐不等于背书。
motion-primitives · 开源动效 UI 组件库（React / Next.js / Tailwind），组件 copy-paste 进项目、代码归你；Dock / Border Trail / Text Scramble 等「vibe 时刻」组件齐。
常见问题
Q1这个学习中心是术语词典吗？
不是一本术语词典，而是一条从「有想法」到「能上线」的路：术语图鉴是第一步，往后是需求四要素、实战教程与练习场。
Q2AI 小课堂要注册、要 API Key 吗？
不用注册、不用 API Key，直接上手。它和我们的开源 Skill chensibo-vibe 用的是同一套方法论——可直接装进你自己的 AI 编程助手。
Q3提需求最少要说清几件事？
四件：做什么、给谁用、期望时间、参考与预算——这是我们接了上百个需求后总结的最小完备集，缺一项，返工一次。
Q5这 26 条术语的数据能拿走吗？
能。本页术语数据与开源 Skill chensibo-vibe 同源（glossary-data.json），MIT 许可——可直接拿走，集成进你自己的 Agent。
没找到你想问的词？
去用户社群的「需求收集帖」留言，我们收录进图鉴；想先聊项目，走联系我们。
本页术语数据与开源 Skill chensibo-vibe 同源（glossary-data.json，MIT 开源，可直接拿走集成进你的 Agent）。
本页讨论
0 条评论还没有评论，来说第一句。