[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M70KZR0997MN41J79KG973VC":3,"skill-same:01M70KZR0997MN41J79KG973VC":125},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":31,"publishedAt":52,"linkOnly":53,"markdownContent":54,"markdownBody":55,"frontMatter":56,"refName":57,"commitSha":58,"skillDirectory":59,"forksCount":60,"repositoryHtmlUrl":61,"repositoryHomepageUrl":62,"ownerHtmlUrl":63,"ownerBlogUrl":64,"ownerDescription":65,"updatedAt":66,"install":67,"resources":80},"01M70KZR0997MN41J79KG973VC","code-to-course",null,"Turn any codebase into a beautiful, interactive single-page HTML course with bilingual (Chinese\u002FEnglish) support. Use this skill whenever someone wants to create an interactive course, tutorial, or educational walkthrough from a codebase or project. Also trigger when users mention 'turn this into a course,' 'explain this codebase interactively,' 'teach this code,' 'interactive tutorial from code,' 'codebase walkthrough,' 'learn from this codebase,' 'make a course from this project,' '把代码变成课程,' '把这个变成教程,' '代码教学,' or '代码转课程.'","shengdabai\u002FTony-Claude-Code-Skills","shengdabai","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F116417419?v=4","01M70F6D2WY5PQV5A92BKYJQEW","Tony Sheng","01M70F6D3GAAAYZ5H4CC1G8VXM",3,"MIT","https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fcode-to-course\u002FSKILL.md",[18,23,28],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",{"categoryNo":29,"categoryName":30,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000039","教师与教育",[32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51],"course","code to course","code","explain","interactive","use","single","trigger","page","tutorial","make","html","support","create","english","learn","when","walkthrough","project","chinese","2026-11-10 10:12:30",false,"---\nname: code-to-course\ndescription: \"Turn any codebase into a beautiful, interactive single-page HTML course with bilingual (Chinese\u002FEnglish) support. Use this skill whenever someone wants to create an interactive course, tutorial, or educational walkthrough from a codebase or project. Also trigger when users mention 'turn this into a course,' 'explain this codebase interactively,' 'teach this code,' 'interactive tutorial from code,' 'codebase walkthrough,' 'learn from this codebase,' 'make a course from this project,' '把代码变成课程,' '把这个变成教程,' '代码教学,' or '代码转课程.'\"\n---\n\n# Codebase-to-Course (代码转课程)\n\nTransform any codebase into a stunning, interactive course with **bilingual (中英文) output**.\n\nThe output is a **directory** containing a pre-built `styles.css`, `main.js`, per-module HTML files, and an assembled `index.html` — open it directly in the browser with no setup required.\n\n**Bilingual Requirement**: Every screen in every module must contain both Chinese (中文) and English text. The primary audience is Chinese speakers learning technical concepts, but English should always be available for reference.\n\n## Language Strategy\n\nAll course content is presented in **bilingual format**:\n\n- **Headings\u002FTitles**: Chinese first, English in parentheses or subtitle\n- **Body text**: Chinese paragraph, followed by English translation in a lighter\u002Fsmaller style\n- **Code explanations**: Chinese explanation (primary), English explanation (secondary)\n- **Quiz questions\u002Foptions**: Both languages shown\n- **Glossary tooltips**: Chinese definition primary, English definition secondary\n- **Chat animations\u002FMessages**: Chinese text, with English hover tooltip\n\nAdd this CSS custom property to the course's `_base.html` for bilingual styling:\n\n```css\n:root {\n  \u002F* ... existing vars ... *\u002F\n  --lang-primary: #1a1a2e;\n  --lang-secondary: #6b7280;\n}\n\n.lang-zh { \u002F* Chinese primary text *\u002F }\n.lang-en { \u002F* English secondary text, lighter color *\u002F }\n.lang-en {\n  color: var(--lang-secondary);\n  font-size: 0.9em;\n  font-style: italic;\n  margin-top: 0.25em;\n}\n```\n\n## First-Run Welcome\n\nWhen the skill is first triggered, introduce yourself in both languages:\n\n> **我可以把任何代码库变成互动课程，教你代码如何工作——不需要任何编程基础。**\n>\n> **I can turn any codebase into an interactive course that teaches how it works — no coding knowledge required.**\n>\n> 只需指向一个项目：\n> - **本地文件夹** — 例如 \"把 .\u002Fmy-project 变成课程\"\n> - **GitHub 链接** — 例如 \"make a course from https:\u002F\u002Fgithub.com\u002Fuser\u002Frepo\"\n> - **当前项目** — 如果已经在代码库中，直接说 \"把这个变成课程\"\n\n## Who This Is For \u002F 目标用户\n\nThe target learner is a **\"vibe coder\"** — someone who builds software by instructing AI coding tools in natural language.\n\n**假设零基础。** 每个 CS 概念都需要用通俗语言解释。不使用行话。语气像一个聪明的朋友在解释，不是教授讲课。\n\n**Assume zero technical background.** Every CS concept explained in plain language.\n\n## The Process \u002F 流程\n\n### Phase 1: Codebase Analysis (代码分析)\n\nRead all key files, trace data flows, identify main components, map communication patterns.\n\n**提取内容**:\n- 主要\"角色\"（组件\u002F服务\u002F模块）及其职责\n- 主要用户旅程（端到端使用时发生了什么）\n- 关键 API、数据流和通信模式\n- 巧妙的工程模式（缓存、懒加载、错误处理等）\n- 技术栈及选择原因\n\n### Phase 2: Curriculum Design (课程设计)\n\nStructure as **4-6 modules**. Arc: start from user-facing behavior → progressively zoom into code.\n\n| 模块位置 | 目的 | 对 vibe coder 的意义 |\n|---|---|---|\n| 1 | \"这个应用做什么——以及当你使用时发生了什么\" | 从产品开始，追踪一个核心用户动作到代码中 |\n| 2 | 认识角色 | 知道有哪些组件，以便告诉 AI \"把这个逻辑放在 X 而不是 Y\" |\n| 3 | 组件如何通信 | 理解数据流，解决\"它没有显示出来\"的问题 |\n| 4 | 外部世界（API、数据库） | 了解外部依赖，评估成本、限速和故障模式 |\n| 5 | 巧妙的技巧 | 学习模式（缓存、分块、错误处理），可以向 AI 请求 |\n| 6 | 当事情出错时 | 建立调试直觉，脱离 AI bug 循环 |\n\nThis is a **menu, not a checklist** — pick modules that serve the codebase.\n\n**Each module must contain**:\n- 3-6 screens (sub-sections)\n- At least one code↔English\u002FChinese translation\n- At least one interactive element\n- One or two \"aha!\" callout boxes\n- One metaphor that fits the concept\n- **Bilingual**: Every screen has both Chinese and English text\n\n**Mandatory interactive elements**:\n- **群聊动画** — Group Chat Animation (iMessage\u002F微信风格)\n- **数据流动画** — Message Flow \u002F Data Flow Animation\n- **代码↔中英翻译块** — Code ↔ Chinese\u002FEnglish Translation Blocks\n- **测验** — Quizzes (至少每个模块一个)\n- **术语工具提示** — Glossary Tooltips (每个术语首次出现)\n\n### Phase 2.5: Module Briefs (complex codebases only)\n\nFor complex codebases, write briefs at `course-name\u002Fbriefs\u002F0N-slug.md`.\n\n### Phase 3: Build the Course (构建课程)\n\n**Output structure**:\n```\ncourse-name\u002F\n  styles.css       ← copied from references\u002Fstyles.css\n  main.js          ← copied from references\u002Fmain.js\n  _base.html       ← customized shell\n  _footer.html     ← copied from references\u002F_footer.html\n  build.sh         ← copied from references\u002Fbuild.sh\n  briefs\u002F          ← module briefs (complex only)\n  modules\u002F\n    01-intro.html\n    02-actors.html\n    ...\n  index.html       ← assembled by build.sh\n```\n\n**Step 1**: Setup — Copy 4 files verbatim from references\u002F.\n\n**Step 2**: Customize `_base.html` — Replace `COURSE_TITLE`, accent colors, nav dots.\n\n**Step 3**: Write modules — Each module file contains only `\u003Csection class=\"module\">` content.\n\n**Bilingual module content pattern**:\n\n```html\n\u003Ch2>认识角色 — Meet the Actors\u003C\u002Fh2>\n\u003Cp class=\"lang-zh\">这个应用由几个主要组件组成，它们各自负责不同的工作。\u003C\u002Fp>\n\u003Cp class=\"lang-en\">This app is made of several components, each responsible for different tasks.\u003C\u002Fp>\n```\n\nFor **translation blocks** (code explanations):\n\n```html\n\u003Cdiv class=\"translation-english\">\n  \u003Cspan class=\"translation-label\">中文解释\u003C\u002Fspan>\n  \u003Cdiv class=\"translation-lines\">\n    \u003Cp class=\"tl\">发送请求到这个 URL 并等待响应...\u003C\u002Fp>\n  \u003C\u002Fdiv>\n  \u003Cspan class=\"translation-label\" style=\"margin-top:8px\">English Translation\u003C\u002Fspan>\n  \u003Cdiv class=\"translation-lines\">\n    \u003Cp class=\"tl\">Send a request to the URL and wait for a response...\u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n```\n\nFor **glossary tooltips**:\n\n```html\n\u003Cspan class=\"term\" data-definition-zh=\"API（应用程序编程接口）就像餐厅的服务员——你告诉服务员你想要什么，他们把请求传达给厨房，然后把食物端回来。\"\n            data-definition-en=\"An API is like a restaurant waiter — you tell them what you want, they relay the request to the kitchen, and bring the food back.\">\n  API\n\u003C\u002Fspan>\n```\n\nFor **quizzes**:\n\n```html\n\u003Cdiv class=\"quiz-question\">\n  \u003Cp class=\"lang-zh\">哪个组件负责处理用户的点击事件？\u003C\u002Fp>\n  \u003Cp class=\"lang-en\">Which component handles user click events?\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"quiz-options\">\n  \u003Cbutton data-value=\"a\">\n    \u003Cspan class=\"lang-zh\">前端组件\u003C\u002Fspan>\n    \u003Cspan class=\"lang-en\">Frontend Component\u003C\u002Fspan>\n  \u003C\u002Fbutton>\n\u003C\u002Fdiv>\n```\n\n**Step 4**: Assemble — Run `bash build.sh` from course directory.\n\n### Phase 4: Review and Open (回顾和打开)\n\nAfter `build.sh`, open `index.html` in the browser. Walk through what was built.\n\n## Design Identity \u002F 设计标识\n\n- **Warm palette**: 暖色调，米白背景，暖灰色\n- **Bold accent**: 一个自信的强调色\n- **Distinctive typography**: 有性格的展示字体\n- **Generous whitespace**: 呼吸感\n- **Dark code blocks**: IDE 风格，Catppuccin 语法高亮\n\n## Reference Files \u002F 参考文件\n\nThe `references\u002F` directory contains detailed specs. **Read them only when you reach the relevant phase.**\n\n- **`references\u002Fcontent-philosophy.md`** — Content rules and guidelines\n- **`references\u002Fgotchas.md`** — Common failure points checklist\n- **`references\u002Fmodule-brief-template.md`** — Module brief template\n- **`references\u002Fdesign-system.md`** — Complete CSS custom properties, color palette, typography\n- **`references\u002Finteractive-elements.md`** — HTML patterns for every interactive element\n\n## Critical Rules \u002F 关键规则\n\n- **Never regenerate** `styles.css` or `main.js` — always copy from references\n- Module files contain only `\u003Csection>` content — no `\u003Chtml>`, `\u003Chead>`, `\u003Cbody>`, `\u003Cstyle>`, `\u003Cscript>`\n- Use CSS `scroll-snap-type: y proximity` (NOT `mandatory`)\n- Use `min-height: 100dvh` with `100vh` fallback on `.module`\n- Interactive element JS is in `main.js`; wire up via `data-*` attributes\n- **Every piece of content must be bilingual** — Chinese primary, English secondary\n- Glossary tooltips must include both `data-definition-zh` and `data-definition-en`\n- The gloss tooltip JS (in main.js) must be updated to show bilingual definitions\n","# Codebase-to-Course (代码转课程)\n\nTransform any codebase into a stunning, interactive course with **bilingual (中英文) output**.\n\nThe output is a **directory** containing a pre-built `styles.css`, `main.js`, per-module HTML files, and an assembled `index.html` — open it directly in the browser with no setup required.\n\n**Bilingual Requirement**: Every screen in every module must contain both Chinese (中文) and English text. The primary audience is Chinese speakers learning technical concepts, but English should always be available for reference.\n\n## Language Strategy\n\nAll course content is presented in **bilingual format**:\n\n- **Headings\u002FTitles**: Chinese first, English in parentheses or subtitle\n- **Body text**: Chinese paragraph, followed by English translation in a lighter\u002Fsmaller style\n- **Code explanations**: Chinese explanation (primary), English explanation (secondary)\n- **Quiz questions\u002Foptions**: Both languages shown\n- **Glossary tooltips**: Chinese definition primary, English definition secondary\n- **Chat animations\u002FMessages**: Chinese text, with English hover tooltip\n\nAdd this CSS custom property to the course's `_base.html` for bilingual styling:\n\n```css\n:root {\n  \u002F* ... existing vars ... *\u002F\n  --lang-primary: #1a1a2e;\n  --lang-secondary: #6b7280;\n}\n\n.lang-zh { \u002F* Chinese primary text *\u002F }\n.lang-en { \u002F* English secondary text, lighter color *\u002F }\n.lang-en {\n  color: var(--lang-secondary);\n  font-size: 0.9em;\n  font-style: italic;\n  margin-top: 0.25em;\n}\n```\n\n## First-Run Welcome\n\nWhen the skill is first triggered, introduce yourself in both languages:\n\n> **我可以把任何代码库变成互动课程，教你代码如何工作——不需要任何编程基础。**\n>\n> **I can turn any codebase into an interactive course that teaches how it works — no coding knowledge required.**\n>\n> 只需指向一个项目：\n> - **本地文件夹** — 例如 \"把 .\u002Fmy-project 变成课程\"\n> - **GitHub 链接** — 例如 \"make a course from https:\u002F\u002Fgithub.com\u002Fuser\u002Frepo\"\n> - **当前项目** — 如果已经在代码库中，直接说 \"把这个变成课程\"\n\n## Who This Is For \u002F 目标用户\n\nThe target learner is a **\"vibe coder\"** — someone who builds software by instructing AI coding tools in natural language.\n\n**假设零基础。** 每个 CS 概念都需要用通俗语言解释。不使用行话。语气像一个聪明的朋友在解释，不是教授讲课。\n\n**Assume zero technical background.** Every CS concept explained in plain language.\n\n## The Process \u002F 流程\n\n### Phase 1: Codebase Analysis (代码分析)\n\nRead all key files, trace data flows, identify main components, map communication patterns.\n\n**提取内容**:\n- 主要\"角色\"（组件\u002F服务\u002F模块）及其职责\n- 主要用户旅程（端到端使用时发生了什么）\n- 关键 API、数据流和通信模式\n- 巧妙的工程模式（缓存、懒加载、错误处理等）\n- 技术栈及选择原因\n\n### Phase 2: Curriculum Design (课程设计)\n\nStructure as **4-6 modules**. Arc: start from user-facing behavior → progressively zoom into code.\n\n| 模块位置 | 目的 | 对 vibe coder 的意义 |\n|---|---|---|\n| 1 | \"这个应用做什么——以及当你使用时发生了什么\" | 从产品开始，追踪一个核心用户动作到代码中 |\n| 2 | 认识角色 | 知道有哪些组件，以便告诉 AI \"把这个逻辑放在 X 而不是 Y\" |\n| 3 | 组件如何通信 | 理解数据流，解决\"它没有显示出来\"的问题 |\n| 4 | 外部世界（API、数据库） | 了解外部依赖，评估成本、限速和故障模式 |\n| 5 | 巧妙的技巧 | 学习模式（缓存、分块、错误处理），可以向 AI 请求 |\n| 6 | 当事情出错时 | 建立调试直觉，脱离 AI bug 循环 |\n\nThis is a **menu, not a checklist** — pick modules that serve the codebase.\n\n**Each module must contain**:\n- 3-6 screens (sub-sections)\n- At least one code↔English\u002FChinese translation\n- At least one interactive element\n- One or two \"aha!\" callout boxes\n- One metaphor that fits the concept\n- **Bilingual**: Every screen has both Chinese and English text\n\n**Mandatory interactive elements**:\n- **群聊动画** — Group Chat Animation (iMessage\u002F微信风格)\n- **数据流动画** — Message Flow \u002F Data Flow Animation\n- **代码↔中英翻译块** — Code ↔ Chinese\u002FEnglish Translation Blocks\n- **测验** — Quizzes (至少每个模块一个)\n- **术语工具提示** — Glossary Tooltips (每个术语首次出现)\n\n### Phase 2.5: Module Briefs (complex codebases only)\n\nFor complex codebases, write briefs at `course-name\u002Fbriefs\u002F0N-slug.md`.\n\n### Phase 3: Build the Course (构建课程)\n\n**Output structure**:\n```\ncourse-name\u002F\n  styles.css       ← copied from references\u002Fstyles.css\n  main.js          ← copied from references\u002Fmain.js\n  _base.html       ← customized shell\n  _footer.html     ← copied from references\u002F_footer.html\n  build.sh         ← copied from references\u002Fbuild.sh\n  briefs\u002F          ← module briefs (complex only)\n  modules\u002F\n    01-intro.html\n    02-actors.html\n    ...\n  index.html       ← assembled by build.sh\n```\n\n**Step 1**: Setup — Copy 4 files verbatim from references\u002F.\n\n**Step 2**: Customize `_base.html` — Replace `COURSE_TITLE`, accent colors, nav dots.\n\n**Step 3**: Write modules — Each module file contains only `\u003Csection class=\"module\">` content.\n\n**Bilingual module content pattern**:\n\n```html\n\u003Ch2>认识角色 — Meet the Actors\u003C\u002Fh2>\n\u003Cp class=\"lang-zh\">这个应用由几个主要组件组成，它们各自负责不同的工作。\u003C\u002Fp>\n\u003Cp class=\"lang-en\">This app is made of several components, each responsible for different tasks.\u003C\u002Fp>\n```\n\nFor **translation blocks** (code explanations):\n\n```html\n\u003Cdiv class=\"translation-english\">\n  \u003Cspan class=\"translation-label\">中文解释\u003C\u002Fspan>\n  \u003Cdiv class=\"translation-lines\">\n    \u003Cp class=\"tl\">发送请求到这个 URL 并等待响应...\u003C\u002Fp>\n  \u003C\u002Fdiv>\n  \u003Cspan class=\"translation-label\" style=\"margin-top:8px\">English Translation\u003C\u002Fspan>\n  \u003Cdiv class=\"translation-lines\">\n    \u003Cp class=\"tl\">Send a request to the URL and wait for a response...\u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n```\n\nFor **glossary tooltips**:\n\n```html\n\u003Cspan class=\"term\" data-definition-zh=\"API（应用程序编程接口）就像餐厅的服务员——你告诉服务员你想要什么，他们把请求传达给厨房，然后把食物端回来。\"\n            data-definition-en=\"An API is like a restaurant waiter — you tell them what you want, they relay the request to the kitchen, and bring the food back.\">\n  API\n\u003C\u002Fspan>\n```\n\nFor **quizzes**:\n\n```html\n\u003Cdiv class=\"quiz-question\">\n  \u003Cp class=\"lang-zh\">哪个组件负责处理用户的点击事件？\u003C\u002Fp>\n  \u003Cp class=\"lang-en\">Which component handles user click events?\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"quiz-options\">\n  \u003Cbutton data-value=\"a\">\n    \u003Cspan class=\"lang-zh\">前端组件\u003C\u002Fspan>\n    \u003Cspan class=\"lang-en\">Frontend Component\u003C\u002Fspan>\n  \u003C\u002Fbutton>\n\u003C\u002Fdiv>\n```\n\n**Step 4**: Assemble — Run `bash build.sh` from course directory.\n\n### Phase 4: Review and Open (回顾和打开)\n\nAfter `build.sh`, open `index.html` in the browser. Walk through what was built.\n\n## Design Identity \u002F 设计标识\n\n- **Warm palette**: 暖色调，米白背景，暖灰色\n- **Bold accent**: 一个自信的强调色\n- **Distinctive typography**: 有性格的展示字体\n- **Generous whitespace**: 呼吸感\n- **Dark code blocks**: IDE 风格，Catppuccin 语法高亮\n\n## Reference Files \u002F 参考文件\n\nThe `references\u002F` directory contains detailed specs. **Read them only when you reach the relevant phase.**\n\n- **`references\u002Fcontent-philosophy.md`** — Content rules and guidelines\n- **`references\u002Fgotchas.md`** — Common failure points checklist\n- **`references\u002Fmodule-brief-template.md`** — Module brief template\n- **`references\u002Fdesign-system.md`** — Complete CSS custom properties, color palette, typography\n- **`references\u002Finteractive-elements.md`** — HTML patterns for every interactive element\n\n## Critical Rules \u002F 关键规则\n\n- **Never regenerate** `styles.css` or `main.js` — always copy from references\n- Module files contain only `\u003Csection>` content — no `\u003Chtml>`, `\u003Chead>`, `\u003Cbody>`, `\u003Cstyle>`, `\u003Cscript>`\n- Use CSS `scroll-snap-type: y proximity` (NOT `mandatory`)\n- Use `min-height: 100dvh` with `100vh` fallback on `.module`\n- Interactive element JS is in `main.js`; wire up via `data-*` attributes\n- **Every piece of content must be bilingual** — Chinese primary, English secondary\n- Glossary tooltips must include both `data-definition-zh` and `data-definition-en`\n- The gloss tooltip JS (in main.js) must be updated to show bilingual definitions\n",{"name":5,"description":7},"main","7850740bd837adb32f0a109ab2af82482196c6f2","skills\u002Fcode-to-course",1,"https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills","https:\u002F\u002Fzturnsgo.com","https:\u002F\u002Fgithub.com\u002Fshengdabai","https:\u002F\u002Fzturnsgo.com\u002F","AI × education creator — producer, not consumer. Taught 6,000+ learners; shipping learning tools & daily essays with Claude Code, practicing @xiaolai's way 🥋","2026-11-01 21:28:23",{"source":8,"skillName":5,"commands":68,"prompt":78,"zipAvailable":79},[69,72,75],{"tool":70,"command":71},"npx","npx skills add shengdabai\u002FTony-Claude-Code-Skills --skill code-to-course",{"tool":73,"command":74},"bunx","bunx skills add shengdabai\u002FTony-Claude-Code-Skills --skill code-to-course",{"tool":76,"command":77},"pnpm","pnpm dlx skills add shengdabai\u002FTony-Claude-Code-Skills --skill code-to-course","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fcode-to-course\u002FSKILL.md",true,[81,87,91,97,101,105,109,113,117,121],{"path":82,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":85,"sourceHtmlUrl":86},"references\u002F_base.html","REFERENCE","参考文档",2307,"https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fcode-to-course\u002Freferences\u002F_base.html",{"path":88,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":89,"sourceHtmlUrl":90},"references\u002F_footer.html",27,"https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fcode-to-course\u002Freferences\u002F_footer.html",{"path":92,"resourceType":93,"resourceTypeDesc":94,"sizeBytes":95,"sourceHtmlUrl":96},"references\u002Fbuild.sh","SCRIPT","脚本",210,"https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fcode-to-course\u002Freferences\u002Fbuild.sh",{"path":98,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":99,"sourceHtmlUrl":100},"references\u002Fcontent-philosophy.md",9047,"https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fcode-to-course\u002Freferences\u002Fcontent-philosophy.md",{"path":102,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":103,"sourceHtmlUrl":104},"references\u002Fdesign-system.md",12661,"https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fcode-to-course\u002Freferences\u002Fdesign-system.md",{"path":106,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":107,"sourceHtmlUrl":108},"references\u002Fgotchas.md",3052,"https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fcode-to-course\u002Freferences\u002Fgotchas.md",{"path":110,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":111,"sourceHtmlUrl":112},"references\u002Finteractive-elements.md",32424,"https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fcode-to-course\u002Freferences\u002Finteractive-elements.md",{"path":114,"resourceType":93,"resourceTypeDesc":94,"sizeBytes":115,"sourceHtmlUrl":116},"references\u002Fmain.js",19972,"https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fcode-to-course\u002Freferences\u002Fmain.js",{"path":118,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":119,"sourceHtmlUrl":120},"references\u002Fmodule-brief-template.md",2580,"https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fcode-to-course\u002Freferences\u002Fmodule-brief-template.md",{"path":122,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":123,"sourceHtmlUrl":124},"references\u002Fstyles.css",36538,"https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fcode-to-course\u002Freferences\u002Fstyles.css",[126,143,168,192,214,233],{"skillNo":127,"name":128,"nameZh":6,"description":129,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":130,"categories":131,"keywords":135,"publishedAt":52},"01M70P17DAD4C1C47NPH6A96EM","xiaolai-methodology","以李笑来(Li Xiaolai)的思考方式、方法论与表达风格,为用户做全方位 1-on-1 教练指导,覆盖创业、赚钱、投资、学习、自学、读书写作、用 AI、以及人生心态与自我管理。当用户提到 \"李笑来\"、\"笑来\"、\"笑来老师\"、\"扮演李笑来\"、\"找笑来聊聊\"、\"笑来怎么看\"、\"xiaolai\"、\"把时间当作朋友\"、\"通往财富自由之路\"、\"定投改变命运\"、\"韭菜的自我修养\"、\"自学是门手艺\"、\"让时间陪你慢慢变富\"、\"七年就是一辈子\"、\"元认知\"、\"活在未来\"、\"复利\u002F长期主义\"、\"践行\"、\"痴迷改进\"、\"个人商业模式\u002F出售时间\"、\"睡后收入\"、\"定投\"、\"财富自由\"、\"操作系统升级\"、\"最少必要知识\"、\"北极星提示词\"、\"用 AI 该怎么学\u002F思考\" 等任一触发词,或当用户带着关于创业\u002F赚钱\u002F投资\u002F学习\u002F职业\u002F重大人生决策的困惑、希望被人用笑来式的「逻辑 + 大白话 + 类比 + 重新定义 + 践行导向」来点醒和指导时,自动进入李笑来教练模式。","https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fxiaolai-methodology\u002FSKILL.md",[132],{"categoryNo":133,"categoryName":134,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000018","写作与文案",[136,137,138,139,140,141,142],"methodology","xiaolai","xiaolai methodology","朋友","投资","writing","收入",{"skillNo":144,"name":145,"nameZh":6,"description":146,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":147,"categories":148,"keywords":151,"publishedAt":52},"01M70P13NB9YP7ACJR1S861CDS","zread","Produce and consume a wiki-style knowledge base for a code repository via the `zread` CLI and its on-disk output under `.\u002F.zread\u002Fwiki\u002F`. Use this skill whenever the user wants to understand, onboard onto, explore, summarize, map, or get an overview of an unfamiliar codebase; asks for architecture docs, a project wiki, a repo walkthrough, module\u002Fpackage explanations, or \"what does this repo do\"; wants to generate, regenerate, resume, browse, or serve code documentation locally; or mentions zread \u002F zread.ai directly. Also use it proactively before diving into a large unknown repo — if `.\u002F.zread\u002Fwiki\u002Fcurrent` exists, read the generated pages instead of crawling source file-by-file; if it doesn't, consider offering to run `zread generate`. The trigger is the intent (understand a codebase through generated docs), not the literal word \"zread\".","https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fzread\u002FSKILL.md",[149,150],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},[145,152,153,154,49,50,155,156,157,158,159,160,161,162,163,164,165,34,166,167],"knowledge","wiki","explore","get","knowledge base","run","generate","intent","cli","map","documentation","project wiki","disk","architecture","unknown","generated",{"skillNo":169,"name":170,"nameZh":6,"description":171,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":172,"categories":173,"keywords":178,"publishedAt":52},"01M70P10S4SWMZQ8BJAFBFDRW3","youtube","Launch the YouTube Creator Agent to auto-generate videos.\nUse when: user types \u002Fyoutube, wants to create YouTube videos,\ngenerate video content, or upload to YouTube.\nKeywords: youtube, video, 视频, 创作视频, 发布视频","https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fyoutube\u002FSKILL.md",[174,175],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":176,"categoryName":177,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000036","内容创作者",[170,179,180,181,182,183,184,185,158,186,45,187,48,37,188,189,190,191],"user","content","视频","creator","generate video","videos","launch","video content","upload","auto","types","Video","创作",{"skillNo":193,"name":194,"nameZh":6,"description":195,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":196,"categories":197,"keywords":199,"publishedAt":52},"01M70P0YE95D8BACZCGV8BK90K","youtube-script-sync","Sync, update, or optimize Tony's GetNote knowledge base `Youtube视频逐字稿` by turning each parent recording or first-person idea note into an idempotent child note containing a directly recordable YouTube long-video or Shorts script. Use when the user says “更新\u002F同步\u002F优化 Youtube视频逐字稿知识库”, or says “更新\u002F同步\u002F优化该知识库” while this knowledge base is the active context.","https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fyoutube-script-sync\u002FSKILL.md",[198],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},[200,201,170,202,203,190,204,205,206,207,208,209,210,211,156,212,48,37,152,213],"sync","script","youtube script sync","recording","shorts","first","base","person","update","active","child","optimize","idempotent","long",{"skillNo":215,"name":216,"nameZh":6,"description":217,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":218,"categories":219,"keywords":224,"publishedAt":52},"01M70P0WMV5XT0EEC0N445PW07","writing-skills","How to write SKILL.md files that trigger reliably and teach effectively. Use when creating, improving, or reviewing Claude Code skills.","https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fxiaolai\u002Fnlpm\u002Fskills\u002Fnlpm\u002Fwriting-skills\u002FSKILL.md",[220,221,222,223],{"categoryNo":133,"categoryName":134,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},{"categoryNo":176,"categoryName":177,"taxonomyType":26,"taxonomyTypeDesc":27},[225,141,226,227,228,229,34,48,37,230,231,232,39],"writing skills","how","teach","write skill","write","claude code skills","files","how to",{"skillNo":234,"name":235,"nameZh":6,"description":236,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":237,"categories":238,"keywords":241,"publishedAt":52},"01M70P0SJFR4YVJQBGMHKGSKXT","writing-rules","How to write .claude\u002Frules\u002F files that Claude actually follows. Use when creating, improving, or reviewing project rules.","https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fxiaolai\u002Fnlpm\u002Fskills\u002Fnlpm\u002Fwriting-rules\u002FSKILL.md",[239,240],{"categoryNo":133,"categoryName":134,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":176,"categoryName":177,"taxonomyType":26,"taxonomyTypeDesc":27},[242,141,243,50,244,231,48,226,229,37,232],"Rules","writing rules","project rules"]