先说结论:如果你的日常工作里已经离不开 Claude Code、Cursor 这类工具,但遇到"一句话生成整个应用"时还是会心虚,这门课值得花时间过一遍。它讲的不是怎么让 AI 帮你补全几行代码,而是怎么把一句话需求变成能上线的前后端应用,中间每一步卡在哪里、怎么验证。

这门课补的是哪个缺口

很多人用 AI 写代码的水平停留在"对话式补全":让它写个函数、改个报错可以,但只要任务拉长到"我要一个带登录、有数据表、能部署的全栈项目",就会立刻失控——AI 会开始编造不存在的 API、忘记前面说过的约束、改完 A 功能又把 B 功能弄坏。

这不是模型不行,是使用方式的问题。Vibe Coding 这个题目真正难的地方在于:怎么把模糊的自然语言意图,翻译成 AI 能稳定执行的工程约束;怎么在多个 Agent 之间分工而不是互相打架;怎么判断 AI 交付的东西到底能不能用,而不是看起来像能用。这门课围绕的就是这些。

前后端和 UI 是怎么串起来的

课程把整个链路拆成前端、后端、UI 设计几块,但不是各讲各的,而是放在同一个项目里推进。这意味着你会看到一些平时很少被单独讲的东西:数据模型定义好之后,前端组件和接口文档怎么同步生成;UI 稿交给 AI 之后,怎么控制它不把交互逻辑写死;后端接口变更时,怎么让前端那边跟着一起改而不是靠人肉通知。

这几件事单拎出来都不新鲜,难的是在 AI 参与的流程里重新做一遍。你会发现以前靠"沟通"解决的协作问题,现在变成了靠"上下文管理"和"约束文件"解决。

Claude Code 相关的章节在讲什么

资料里能看到有一条明确的主线是围绕 Claude Code 展开的,涉及前端 MCP 工具的安装配置、用一句话驱动完整应用的流程、以及多 Agent 协作时的调度问题。还有一个容易被忽略但挺关键的点:Harness Engineering(驾驭工程)。这个词听起来玄,实际说的是怎么给 AI 搭一套"跑道",让它在边界内自由跑,而不是每一步都靠人盯着。这部分对已经用了一阵 AI 工具、但总觉得效率没提上来的人,可能是最有价值的一块。

学完之后你应该能回答

  • 拿到一个模糊需求,怎么在动手前把它拆成 AI 能接住的任务颗粒度?
  • 多个 Agent 同时改一个项目时,冲突是怎么产生的,靠什么机制避免?
  • MCP 这类工具在前端开发流程里具体解决了什么问题,不装行不行?
  • AI 生成的接口和组件,你用什么样的检查步骤确认它真的能跑通?
  • 一个全栈项目从零到能部署,哪些环节必须人工介入,哪些可以完全交出去?

如果这些问题你现在答不上来,或者答得含糊,那就是缺口所在。课程已经完结,可以按自己的节奏过,建议是边看边拿自己的项目试,光看容易产生"我懂了"的错觉。

2026 Vibe Coding ȫջ����ʵսѵ��Ӫ�γ̡�����ɡ�

ȫջʵս���ӻ�������Ŀ���

�༭����

ʵս���򣬺���ǰ�ˡ���ˡ�UI��Ƶȶ�������ʺϳ�ѧ�ߺͽ����ߡ�

? �༭�Ƽ�

2026 Vibe Coding ȫջ����ʵսѵ��Ӫ��������㿪ʼ������ȫջ�������ܡ�

�����

? ȫջʵս��Ŀ
? ����ǰ�ˡ���ˡ�UI���
? ʵս�����ѧ

�γ�Ŀ¼

? ��7�� Claude Code ����ʵս
    ��7�� Claude Code ����ʵս�ؿ�.zip  [1.8 MB]
    7-5 ����һ�仰��������Ӧ��_dec.mp4  [42.9 MB]
    7-3 Pencilǰ��MCP���߰�װ_dec.mp4  [21.4 MB]
    7-6 ��AgentЭ�����Ӧ�ÿ���_dec.mp4  [77.0 MB]
    7-7 ��Ԧ����(Harness Engineering)����Ҫ��_dec.mp4  [12.9 MB]
    7-4 ����Pencil���ɲ�Ʒԭ��ͼ_dec.mp4  [42.2 MB]
    7-2 frontend-designǰ�˲����װ��ʹ��_dec.mp4  [31.6 MB]
    7-1 ����Claude Code����ʵ��HTMLҳ��_dec.mp4  [41.1 MB]
? ��9�� Claude Code ���ʵս�ĵ��Ϲ�ƽ̨
    9-2 SDD������֮AI��̷���������_dec.mp4  [77.9 MB]
    9-4 SDD������֮��Ŀ����������_dec.mp4  [24.8 MB]
    9-11 SDD������֮���ǰ��˵�ְ��߽�����_dec.mp4  [72.8 MB]
    9-19 SDD������֮���ǰ�������_dec.mp4  [93.1 MB]
    9-12 SDD������֮��ɺ��ϵͳ�ܹ����_dec.mp4  [48.4 MB]
    9-17 SDD������֮��ɺ��MVP����_dec.mp4  [220.4 MB]
    9-16 SDD������֮����Figma���UI����_dec.mp4  [38.0 MB]
    9-5 SDD������֮������Ŀ���л���_dec.mp4  [61.1 MB]
    9-18 SDD������֮���ǰ�˴���ʵ��_dec(1).mp4  [48.4 MB]
    9-9 SDD������֮���ҵ��ģ_dec.mp4  [45.7 MB]
    9-14 SDD������֮��ɺ�˽ӿ����_dec.mp4  [51.5 MB]
    9-3 SDD������֮Agent Team����ԭ�����_dec.mp4  [38.6 MB]
    9-15 SDD������֮���PRD�ĵ�����_dec.mp4  [81.6 MB]
    9-7 SDD������֮����г�����_dec.mp4  [47.8 MB]
    9-10 SDD������֮��ɽ�����·���_dec.mp4  [70.7 MB]
    9-1 SDD������֮��ĿĿ��_dec.mp4  [75.7 MB]
    9-6 SDD������֮�����Ŀ��ʼ��_dec.mp4  [85.9 MB]
    9-8 SDD������֮��ɾ�Ʒ����_dec.mp4  [65.8 MB]
    9-13 SDD������֮�������ģ�����_dec.mp4  [85.4 MB]
? ��3�� Cursor ���ʵս����������ƽ̨
    ��3�� Cursor ���ʵս����������ƽ̨˵��.zip  [1.8 MB]
    3-21 ��������ƽ̨ʵս֮��Ŀ�ܽ�_dec.mp4  [17.3 MB]
    3-8 ��������ƽ̨ʵս֮�������(��)_dec.mp4  [10.1 MB]
    3-13 ��������ƽ̨ʵս֮��˴��뿪��(��)_dec.mp4  [37.4 MB]
    3-4 ��������ƽ̨ʵս֮�ܹ����_dec.mp4  [42.4 MB]
    3-2 ��������ƽ̨ʵս֮��Ŀ����_dec.mp4  [13.8 MB]
    3-11 ��������ƽ̨ʵս֮��Ŀ����_dec.mp4  [11.1 MB]
    3-6 ��������ƽ̨ʵս֮�������(��)_dec.mp4  [7.7 MB]
    3-17 ��������ƽ̨ʵս֮�����Ż�_dec.mp4  [39.8 MB]
    3-15 ��������ƽ̨ʵս֮��˴��뿪��(��)_dec.mp4  [24.6 MB]
    3-18 ��������ƽ̨ʵս֮��������_dec.mp4  [51.0 MB]
    3-16 ��������ƽ̨ʵս֮ǰ�������_dec.mp4  [36.1 MB]
    3-20 ��������ƽ̨ʵս֮��ͼʶ��_dec.mp4  [23.0 MB]
    3-1 ��������ƽ̨ʵս֮ѧϰĿ��_dec.mp4  [40.1 MB]
    3-3 ��������ƽ̨ʵս֮�������_dec.mp4  [91.8 MB]
    3-19 ��������ƽ̨ʵս֮��ֵӳ��_dec.mp4  [21.5 MB]
    3-5 ��������ƽ̨ʵս֮���ܲ��_dec.mp4  [28.3 MB]
    3-7 ��������ƽ̨ʵս֮�������(��)_dec.mp4  [27.6 MB]
    3-14 ��������ƽ̨ʵս֮��˴��뿪��(��)_dec.mp4  [28.4 MB]
    3-9 ��������ƽ̨ʵս֮����AI����������(��)_dec.mp4  [24.1 MB]
    3-10 ��������ƽ̨ʵս֮����AI����������(��)_dec.mp4  [27.7 MB]
    3-12 ��������ƽ̨ʵս֮ǰ�˴��뿪��_dec.mp4  [23.0 MB]
? ��5�� Harness Engineering��SDD
    5-14 �����Ļ��ڼ�Ԧ������صIJ�Ʒ_dec.mp4  [11.8 MB]
    5-15 ��Ԧ������صĹٷ�����_dec.mp4  [15.6 MB]
    5-25 ��Ԧ����ʵ��֮�Ӵ�������_dec.mp4  [110.6 MB]
    5-11 ��Ԧ����֮Generator-Evaluator_dec.mp4  [31.1 MB]
    5-8 ��Ԧ����֮Feature List������_dec.mp4  [9.7 MB]
    5-7 ��Ԧ����֮Context Management�����Ĺ���_dec.mp4  [25.1 MB]
    5-5 ��Ԧ����֮Tool Use���߱���_dec.mp4  [18.1 MB]
    5-24 ��Ԧ����ʵ��֮��֤�ջ�_dec.mp4  [49.6 MB]
    5-13 ��Ԧ���̵����󹤳�ά��_dec.mp4  [17.8 MB]
    5-21 ��Ԧ����ʵ��֮Memroy����ܹ�_dec.mp4  [40.0 MB]
    5-19 ��Ԧ����ʵ��֮���߱���_dec.mp4  [32.6 MB]
    5-4 ��Ԧ����֮Agent Loop ����ѭ��_dec.mp4  [26.3 MB]
    5-27 ��Ԧ����ʵ��֮Hook˵��_dec.mp4  [87.9 MB]
    5-32 SDD����֮��ع��߽��ܺͽ���_dec.mp4  [8.1 MB]
    5-9 ��Ԧ����֮Verification Loop��֤�ջ�_dec.mp4  [23.1 MB]
    5-30 SDD����֮��Ŀ���ο�������_dec.mp4  [12.8 MB]
    5-26 ��Ԧ����ʵ��֮��������_dec.mp4  [100.6 MB]
    5-10 ��Ԧ����֮Subagents�Ӵ�������_dec.mp4  [27.6 MB]
    5-1 ʲô��Harness Engineering��_dec.mp4  [35.6 MB]
    5-31 SDD����֮���㿪����Ŀ����_dec.mp4  [26.2 MB]
    5-29 SDD����֮ʲô��SDD��_dec.mp4  [34.2 MB]
    5-23 ��Ԧ����ʵ��֮������_dec.mp4  [54.3 MB]
    5-6 ��Ԧ����֮Progress Tracking����׷��_dec.mp4  [18.4 MB]
    5-18 ��Ԧ����ʵ��֮����ѭ��_dec.mp4  [123.5 MB]
    5-16 ����ά��ȥ�����Ԧ����_dec.mp4  [17.8 MB]
    5-12 ��Ԧ����֮�������������ܽ�_dec.mp4  [16.1 MB]
    5-22 ��Ԧ����ʵ��֮�����Ĺ���_dec.mp4  [50.9 MB]
    5-2 �������̵ĵ����ݽ�_dec.mp4  [24.7 MB]
    5-17 ��Ԧ����ʵ��֮���û�������_dec.mp4  [77.7 MB]
    5-20 ��Ԧ����ʵ��֮����׷��_dec.mp4  [60.9 MB]
    5-3 naive agent�İ���ʧЧ��ʽ_dec.mp4  [112.2 MB]
    5-28 ��Ԧ����ʵ��֮��Ŀȫ������ʾ_dec.mp4  [132.5 MB]
? ��2�� Cursor ����ʵս
    ��2�� Cursor ����ʵս˵��.png  [493.5 KB]
    2-8 ChatBot����ʵ��֮Ч���Ż�_dec.mp4  [40.6 MB]
    2-2 ChatBot����ʵ��֮��������_dec.mp4  [40.0 MB]
    2-4 ChatBot����ʵ��֮��Ŀ�_dec.mp4  [16.1 MB]
    2-5 ChatBot����ʵ��֮ǰ�˹��̿���_dec.mp4  [24.3 MB]
    2-3 ChatBot����ʵ��֮������_dec.mp4  [27.2 MB]
    2-1 ChatBot����ʵ��֮����Ŀ��_dec.mp4  [11.4 MB]
    2-6 ChatBot����ʵ��֮��˹��̿���_dec.mp4  [66.3 MB]
    2-7 ChatBot����ʵ��֮ǰ�������_dec.mp4  [20.1 MB]
? ��8�� Claude Code ���ʵս��ģ̬֪ʶ��
    8-3 ��ģ̬֪ʶ��-��Ŀ׼��(��)_dec.mp4  [23.1 MB]
    8-2 ��ģ̬֪ʶ��-��Ŀ׼��(��)_dec.mp4  [24.8 MB]
    8-4 ��ģ̬֪ʶ��-��Ŀ׼��(��)_dec.mp4  [55.1 MB]
    8-23 ��ģ̬֪ʶ��-��Ŀ�ܽ�_dec.mp4  [25.8 MB]
    8-16 ��ģ̬֪ʶ��-SDD�淶�ĵ���д(8)_dec.mp4  [25.6 MB]
    8-5 ��ģ̬֪ʶ��-�ܹ����_dec.mp4  [40.0 MB]
    8-6 ��ģ̬֪ʶ��-����ѡ��_dec.mp4  [30.5 MB]
    8-21 ��ģ̬֪ʶ��-����Spec����ǰ�������_dec.mp4  [32.5 MB]
    8-17 ��ģ̬֪ʶ��-PRD�ĵ���д_dec.mp4  [62.5 MB]
    8-8 ��ģ̬֪ʶ��-֪ʶ����Spec�ĵ���д_dec.mp4  [66.8 MB]
    8-7 ��ģ̬֪ʶ��-֪ʶ��ȡSpec�ĵ���д_dec.mp4  [84.2 MB]
    8-12 ��ģ̬֪ʶ��-SDD�淶�ĵ���д(4)_dec.mp4  [57.6 MB]
    8-1 ��ģ̬֪ʶ��-���ڼ�Ԧ���̵���ĿĿ��_dec.mp4  [26.9 MB]
    8-19 ��ģ̬֪ʶ��-ǰ�˴�������_dec.mp4  [43.1 MB]
    8-18 ��ģ̬֪ʶ��-��Ʒԭ�����_dec.mp4  [23.1 MB]
    8-22 ��ģ̬֪ʶ��-�����Ż�_dec.mp4  [105.5 MB]
    8-10 ��ģ̬֪ʶ��-SDD�淶�ĵ���д(2)_dec.mp4  [43.0 MB]
    8-15 ��ģ̬֪ʶ��-SDD�淶�ĵ���д(7)_dec.mp4  [90.0 MB]
    8-13 ��ģ̬֪ʶ��-SDD�淶�ĵ���д(5)_dec.mp4  [37.6 MB]
    8-14 ��ģ̬֪ʶ��-SDD�淶�ĵ���д(6)_dec.mp4  [47.4 MB]
    8-20 ��ģ̬֪ʶ��-��˴�������_dec.mp4  [74.3 MB]
    8-9 ��ģ̬֪ʶ��-SDD�淶�ĵ���д(1)_dec.mp4  [80.5 MB]
    8-11 ��ģ̬֪ʶ��-SDD�淶�ĵ���д(3)_dec.mp4  [77.2 MB]
? ��1�� AI ��̷�ʽ�������
    ��1�� AI ��̷�ʽ��������ĵ�.zip  [1.8 MB]
    1-3 Vibe Coding�ĺ���������ʲô��_dec.mp4  [22.8 MB]
    1-4 Vibe Coding���ѵ����Ķ���_dec.mp4  [21.9 MB]
    1-5 Vibe Coding�Ŀ�������������ʲô��_dec.mp4  [33.5 MB]
    1-8 Cursor������Ĺ��ܽ���_dec.mp4  [15.0 MB]
    1-6 �����������������е�AI���߷���_dec.mp4  [24.2 MB]
    1-1 Vibe Codingȫջ����ʵսѵ��Ӫ_dec.mp4  [147.6 MB]
    1-2 ʲô��Vibe Coding��_dec.mp4  [50.3 MB]
    1-7 Cursor��װ�������˻�ע��_dec.mp4  [55.4 MB]
? ��4�� Cursor ���ʵս����С��Ϻ�����ο���
    4-21 �����-����������_dec.mp4  [94.1 MB]
    4-11 ���ο���-�ͻ��˼ܹ�����_dec.mp4  [71.4 MB]
    4-17 ���ο���-��Դ��Ŀ����(��)_dec.mp4  [78.8 MB]
    4-15 ���ο���-�淶�ĵ�У��_dec.mp4  [40.4 MB]
    4-14 ���ο���-Agent�ܹ�����_dec.mp4  [83.6 MB]
    4-19 ���ο���-�����Զ���ģ��_dec.mp4  [184.5 MB]
    4-20 ���ο���-�����Զ���Channel_dec.mp4  [214.7 MB]
    4-18 ���ο���-������Ŀ_dec.mp4  [119.7 MB]
    4-22 ���ο���-�����Զ��� Agent Skills_dec.mp4  [241.0 MB]
    4-16 ���ο���-��Դ��Ŀ����(��)_dec.mp4  [124.0 MB]
    4-23 ���ο���-��Ŀ�ܽ�_dec.mp4  [59.8 MB]
    4-9 �����-�������_dec.mp4  [11.7 MB]
    4-5 ���ο���-��Ŀ����_dec.mp4  [36.4 MB]
    4-1 ���ο���-��ĿĿ��_dec.mp4  [34.3 MB]
    4-6 �����-rules ����_dec.mp4  [19.3 MB]
    4-12 ���ο���-GateWay�ܹ�����_dec.mp4  [54.7 MB]
    4-10 ���ο���-����ܹ�����_dec.mp4  [82.9 MB]
    4-7 �����-MVP����(��)_dec.mp4  [102.3 MB]
    4-8 �����-MVP����(��)_dec.mp4  [70.8 MB]
    4-13 ���ο���-Channel�ܹ�����_dec.mp4  [139.0 MB]
    4-3 �����-��������_dec.mp4  [38.9 MB]
    4-2 ���ο���-���˼·_dec.mp4  [43.3 MB]
    4-4 ���ο���-Դ������_dec.mp4  [18.3 MB]
? ��6�� Claude Code ��װ����
    6-8 �˻�ע��֮��������_dec.mp4  [18.5 MB]
    6-5 ����Windows��װClaude Code_dec.mp4  [27.8 MB]
    6-2 Claude Code�����_dec.mp4  [48.7 MB]
    6-6 ����Linux��װClaude Code_dec.mp4  [7.7 MB]
    6-3 Claude Code�Ĺؼ�������߼�����_dec.mp4  [50.8 MB]
    6-9 �˻�ע��֮ͨ��CC-Switch����_dec.mp4  [39.1 MB]
    6-1 ΪʲôClaude Code��˸�Ч��_dec.mp4  [70.8 MB]
    6-7 ����macOS��װClaude Code_dec.mp4  [6.6 MB]
    6-10 Cursor���Claude Code_dec.mp4  [17.1 MB]
    6-4 Claude Code���������߶Ա�_dec.mp4  [52.6 MB]
��ѹ����.txt  [4.4 KB]

�ʺ���Ⱥ

  • ȫջ����������
  • ��̳�ѧ��
  • ��־��ת��ȫջ������רҵ��ʿ

ѧϰ�ջ�

����ȫջ��������
���ʵս��Ŀ
������ҵ������

ף��ѧϰ��죡

ѧ�����ɣ�ǰ���ƽ���