第20课：完整项目工作流（实战范例）

项目目标

使用 Claude Code 为课程网站新增"Claude Code 学习"栏目，并生成可发布的课程内容。

第一阶段：准备资料

准备网站项目文件、现有菜单和课程页面、品牌和内容规则、会员权限说明、课程正文、参考页面截图。明确原始文件只读范围和允许修改范围。

第二阶段：项目调查

先不要修改文件。

请分析项目结构，并找出：
1. 菜单定义位置；
2. 课程分类数据；
3. 列表页和详情页组件；
4. 登录和会员权限逻辑；
5. 移动端菜单实现；
6. 构建和测试命令。

给出文件证据、风险和实施计划。

第三阶段：实施

新增「AI知识学习」一级栏目。
添加「Codex学习」和「Claude Code学习」分类。
复用现有课程组件和权限规则。
不要修改支付、登录和会员等级逻辑。
为新栏目补充空数据、加载和错误状态。

第四阶段：验证

运行项目构建和测试。
检查桌面端和手机端菜单。
验证未登录、普通会员和有权限会员状态。
检查课程列表、详情页和返回路径。
提供关键页面截图和控制台错误检查结果。

第五阶段：审查

用独立 Subagent 检查：是否存在权限绕过、是否影响原菜单、是否有文字溢出、是否重复创建组件、是否缺少测试、是否存在无法验证的结论。

第六阶段：沉淀

把本次工作整理成 SOP。

包括：
- 项目背景；
- 所需资料；
- 调查步骤；
- 修改文件；
- 测试方法；
- 常见问题；
- 发布检查；
- 回退方法。