把 DeepLearning.AI × Anthropic 的短课 《Claude Code: A Highly Agentic Coding Assistant》（讲师 Elie Schoppik，吴恩达开场，共 11 节）做成一个中文学习产品：平实好懂的中文文稿 + 可交互代码动画 + 中文女声朗读。
🔗 在线阅读：https://hamberluo.github.io/DeepLearning.AI-Courses-ClaudeCode/
最高准则：保留吴恩达系列「连小孩都听得懂」的灵魂——大白话、生活化比喻、不留术语黑话。
| 阶段 | 产物 |
|---|---|
| ① 字幕 → 中文文稿 | 下载英文人工字幕，重新整理、翻译、润色成 11 篇中文文章（content/）+ 术语表（glossary.md） |
| ② 网站 | VitePress 站点，每节配一个「招牌交互动画」，GitHub Pages 自动部署（website/） |
| ③ 语音 | 用 edge-tts 给每节生成中文女声（Xiaoxiao，1.5×）朗读 MP3，页面可「边读边听」 |
每节的招牌交互动画：会话回放（仿真终端逐步播放 Claude 干活）、agent 循环、计划模式、三层 CLAUDE.md 记忆、Git worktree 并行、hooks 生命周期等。
.
├── content/ # 阶段① 中文文稿（干净存档，也是语音稿来源）
├── glossary.md # 术语对照表
├── data/
│ ├── playlist.json # 11 节课清单（videoId / 标题 / 时长 / 来源）
│ └── subtitles/ # 英文字幕原文（.srt / .txt）
├── scripts/
│ └── fetch_subs.sh # yt-dlp 批量抓 en-GB 英文字幕
├── website/ # 阶段② VitePress 站点
│ ├── guide/ # 11 篇正文（内嵌交互组件 + 朗读播放器）
│ ├── components/ # Vue 交互组件 + AudioPlayer
│ ├── tools/ # build-listen-audio.py（阶段③ TTS 生成脚本）
│ └── .vitepress/ # 站点配置与主题
├── docs/ # 设计文档
└── .github/workflows/ # GitHub Pages 自动部署
cd website
npm install
npm run docs:dev # 本地预览 http://localhost:5173/DeepLearning.AI-Courses-ClaudeCode/
npm run docs:build # 构建到 .vitepress/distMP3 不进 git（生成的二进制），本地预览或部署时按需生成：
cd website
pip install -r tools/requirements.txt
python tools/build-listen-audio.py # 生成全部 11 节
python tools/build-listen-audio.py 02-what-is-claude-code # 只生成指定节声线 zh-CN-XiaoxiaoNeural，语速 +50%（≈1.5 倍速）。
bash scripts/fetch_subs.sh # 依赖 yt-dlppush 到 main 且改动 website/** 时，GitHub Actions 会自动：用 edge-tts 生成音频 → 构建 VitePress → 发布到 GitHub Pages。
- 课程：DeepLearning.AI《Claude Code: A Highly Agentic Coding Assistant》
- 官方配套代码：https-deeplearning-ai/sc-claude-code-files
本项目是上述课程的非官方中文学习整理，仅供学习交流。课程版权归 DeepLearning.AI 与 Anthropic 所有；如有侵权请联系删除。