如果你已经在用 Cursor 或 Copilot 写业务代码，但遇到稍微复杂的任务——比如要抓一个带加密 Cookie 的站点、要重构一个已经堆积了三年的页面——还是得自己一行行啃，那这套内容值得花时间看一遍。它不讲 AI 编程的概念，而是直接把 Claude Code 放进两个具体场景里跑完：数据采集和网页重构。

先说清楚：这门课补的是哪个缺口

很多前端对 AI 工具的使用停留在"补全函数"和"解释报错"这两件事上。这没错，但天花板很明显：一旦任务涉及到逆向分析、跨文件改动、或者需要先想清楚结构再动手，对话式补全就顶不住了。真正拉开差距的是把 AI 当成一个能读文件、能执行命令、能自己迭代的协作对象。

Claude Code 的定位正好卡在这个缺口上。它不是编辑器插件，而是一个能在项目目录里自主读写、跑命令、验证结果的命令行协作工具。这套 8 集内容围绕它展开，配套的是 Cursor，两者各管一段——一个负责大范围理解和生成，一个负责精细编辑和上下文管理。

第一个实战场景：自动化爬虫

第 2 集是整套内容里信息密度最高的一段。目标很具体：抓取一个做了 Cookie 加密保护的站点，把数据批量采集下来。

这件事的难点从来不是写 for 循环发请求，而是卡在前面的三步：找到真正的加密逻辑在哪、搞明白参数是怎么生成的、然后决定用什么方式在本地复现这个过程。如果你做过类似的活，应该知道光靠翻 DevTools 和搜索关键字能耗掉大半天。

这段内容展示的是另一种工作方式：让 Claude Code 直接读混淆过的 JS 文件，定位加密函数，解释参数依赖，再逐步把逻辑迁移到可运行的采集脚本里。中间会有试错，也会有它理解偏了需要纠正的时候——这些过程都保留了，反而比"一气呵成"的演示更有参考价值，因为你自己做的时候一定会遇到。

看完这一段，你至少应该能回答：面对一个加密接口，先看什么、再看什么，什么情况下该硬啃加密逻辑，什么情况下绕过去更划算。

第二个实战场景：网页界面重构

第 7 集走的是另一条路。任务是把一个现有页面重新做视觉改造，而且一口气试了四种不同的做法，最后落到一个能接受的成品上。

这里真正值得看的不是最终效果好不好看，而是四种方法的取舍：哪些适合整体推倒重来，哪些适合在原有结构上做增量修改，哪些在真实项目里根本不划算。前端重构最常见的坑是改着改着把原有交互改坏了，或者样式覆盖链条越来越乱。视频里对这类问题的处理方式，比单纯看它写出多少 CSS 更有用。

另外注意它对 Cursor 和 Claude Code 的分工处理。大范围结构调整交给能读整个项目的工具去做，局部视觉微调回到编辑器里手动控制，这个配合方式是可以直接搬到你自己项目里的。

学之前，先确认这几件事

你手上要有一个能跑起来的项目环境。光看视频不动手，这两集的价值会掉一大半。
基础的前端调试能力得在——至少看得懂 Network 面板、知道断点怎么打。这部分内容不补基础。
对命令行不要完全陌生。Claude Code 的工作方式依赖终端操作，完全没碰过的先花半小时熟悉。
心理预期放平：AI 会出错、会理解偏、需要你反复纠正，这不是课程质量问题，这就是当前这类工具的真实使用状态。

看完你应该能回答的问题

判断这套内容有没有学进去，可以拿下面几个问题自测：

遇到一个带签名校验的接口，你的第一步动作是什么，而不是直接开始写代码？
Claude Code 和 Cursor 在你的日常工作流里，各自该负责哪一段？什么任务交给谁更省时间？
重构一个老页面时，你会怎么决定是整体重写还是局部改造？判断依据是什么？
AI 给出的代码明显不对时，你怎么把问题描述清楚让它回到正轨？

如果这几个问题你现在答不上来，那这 8 集正好对症。如果已经能答个七七八八，可以只看爬虫那一集，重构部分挑着看思路就行——时间花在刀刃上比从头看到尾更划算。