用途：把真实代码库转化为浏览器中运行的交互式课程，帮助非专业程序员理解代码如何工作，从而调试、引导编码智能体并讨论架构。
主要能力：生成课程目录（如 index.html、styles.css、main.js 及 modules/ 下的分模块 HTML），小型课程可用单个自包含 index.html。课程包含通俗代码解释、动画流程、测验和术语提示。默认 4-6 个模块，从用户操作切入再深入内部，涵盖应用功能、关键文件与模块、数据流动、外部依赖、架构模式与权衡、调试地图。
使用方式：用户需指定本地文件夹路径、GitHub 仓库 URL 或当前工作目录；若说“这个仓库”则用当前目录，若给 GitHub URL 则先克隆到临时或工作区路径再分析。工作流为：检查代码库（README、配置、入口、路由、API、模式、测试、部署文件），识别主要角色并追踪一两个具体流程；设计学习弧线；用真实代码片段（含文件路径和行引用）编写，不虚构简化代码冒充项目代码；每模块至少一个测验，全课程至少一个数据流动画和一个组件交互可视化，术语首次出现时定义提示；最后本地打开或服务课程，检查桌面与移动端宽度，确认测验、提示、导航和动画正常，修复溢出、空白、断链和对比度问题。
适用场景：面向 AI 辅助构建者，假设其正式计算机科学背景有限但不居高临下，段落简短、视觉密度高，先讲“为什么重要”再深入技术细节，测验考察应用判断而非琐事。
限制：需先有明确代码库目标；避免构建系统，除非目标项目已有静态站点工作流；不要求用户批准课程大纲，除非用户明确先要计划；本技能改编自 Zara Zhangrui 的 Claude Code 技能，再分发上游原始文件前需检查上游许可。官方未提供收费、价格、平台等更多信息。