Project Learning Skill

Claude Code Skill — 将任意本地代码项目转换为可交互的 Web 学习文档。可以帮你一步一步、一个模块一个模块地跟着学完整个项目。

刚开始学习编程时的时候，上手一个项目对于我来说是迷惑和不知所措的。我不知道哪里去找功能的实现，不知道每个模块是如何写的。并不是每个项目都有一个详细的文档，帮你梳理整个项目和学习。我希望这个skill可以帮你一点一点理清思路，构建一个可阅读可学习的文档。

ps：如果你是真正的新手，只是懂一点语言，我推荐你从：MIT：计算机教育当中缺失的一课开始，他可以帮助你构建一个计算机学习最基础的地基。同时这门课程已经更新了2026年的新课程，将最新的 AI 工具和技术直接融入到每个讲座中，或许可以帮到你。

下方示例以黑马点评为例，以功能模块为分类构建文档。

安装

mkdir -p ~/.claude/skills/project-learning && cp -r SKILL.md assets/ schema/ ~/.claude/skills/project-learning/

在 Claude Code 中输入：

帮我分析 /path/to/your/project

Skill 会扫描项目 → 识别模块 → 分析代码 → 生成交互式文档 → 打开浏览器。

功能

功能	说明
🔍 全文搜索	实时搜索所有章节标题和正文，点击跳转
📖 分页阅读	每次只看一个章节，键盘 ← → 或按钮翻页
💡 关键要点	每个调用链步骤提炼核心知识点，高亮展示
📝 代码走读	Controller → Service → DAO → SQL 完整追踪，带行号
🌓 暗色模式	一键切换，Mermaid 图表跟随适配
✅ 学习进度	浏览过的章节自动标记，刷新恢复位置
📋 链接分享	悬停章节标题可复制直达链接
🖨️ 打印优化	Ctrl+P 自动隐藏侧边栏和导航

学习文档示例

每个模块从背景知识开始，逐步深入到代码走读。调用链追踪 Controller → Service → DAO 每一层，附代码片段和设计思路讲解。

秒杀模块的 Lua 脚本逐行解析，关键要点卡片突出核心知识点。

暗色模式，Mermaid 架构图跟随主题切换。

目录结构

├── SKILL.md                       ← Skill 定义（6 阶段工作流）
├── README.md
├── images/                        ← 截图
├── assets/
│   └── template.html              ← Web 界面模板
└── schema/
    └── project-learning-schema.json ← JSON 数据合同

技术栈

单文件 HTML + CSS + JS，通过 CDN 加载 highlight.js / marked.js / Mermaid.js。