先看看示例
作者提供的示例，实际效果取决于你的输入和使用工具。
输入
Markdown：# 相册整理笔记
保留
旅行照片按地点分组。
备份
收据先确认是否需要，再备份。
要求：单文件网页，包含这两个章节，不增加删除操作。
输出
编辑示例 · 未运行
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><title>相册整理笔记</title><nav><a href="#keep">保留</a> · <a href="#backup">备份</a></nav><main><h1>相册整理笔记</h1><section id="keep"><h2>保留</h2><p>旅行照片按地点分组。</p></section><section id="backup"><h2>备份</h2><p>收据先确认是否需要，再备份。</p></section></main></html>
此为可读的编辑HTML最小样稿，未运行上游转换器；完整目录高亮与搜索交互需实际生成后验证。
方法说明
将Markdown排成单文件HTML，加入章节定位、文内搜索与代码复制，分享时更容易浏览。 具体任务 学习资料：将Markdown排成单文件HTML，加入章节定位、文内搜索与代码复制，分享时更容易浏览。 必需材料 Markdown长文和已配置的设计风格 使用门槛 适合准备好自己的材料，并能在电脑端使用支持Skill的Agent的用户。同仓库markdown-html工具与设计系统初始化；Python。 方法 入口将Markdown解析为AST，再通过渲染与交互注入生成单文件；未完成design-system onboarding会拒绝渲染。 编辑示例（未运行） 编辑示例：学习资料 Markdown：# 相册整理笔记 ## 保留 旅行照片按地点分组。 ## 备份 收据先确认是否需要，再备份。 要求：单文件网页，包含这两个章节，不增加删除操作。 <!doctype html><html lang="zh-CN"><meta charset="utf-8"><title>相册整理笔记</title><nav><a href="#keep">保留</a> · <a href="#backup">备份</a></nav><main><h1>相册整理笔记</h1><section id="keep"><h2>保留</h2><p>旅行照片按地点分组。</p></section><section id="backup"><h2>备份</h2><p>收据先确认是否需要，再备份。</p></section></main></html> 此为可读的编辑HTML最小样稿，未运行上游转换器；完整目录高亮与搜索交互需实际生成后验证。 这是原创编辑示例，用来展示输入与结果的对应关系；未执行上游Skill、未生成真实文件或调用服务。正式使用时以你自己的材料和实际回执验收，不能据此宣称已实测通过。 首次任务 把这份摄影学习笔记做成可离线保存的网页，带目录，说明哪些外部资源需改成本地。 先用这一个小任务验证；原材料没有的信息请标待确认。只在我指定的目录保存，不替我发布、发送或修改原稿。涉及付费服务时先列调用范围。 本次输入（复制前填写；未填项请先向我询问，不得假定已提供）： - Markdown长文和已配置的设计风格：[请填入内容、目标链接或本机文件路径；账号密钥不要填入] 验收方法 生成HTML本地打开可见全部章节且锚点能跳转。 搜索实际能筛到含关键词的内容，不只是存在输入框。 不联网时检查外部字体与Prism依赖的降级表现。 依赖与准备 同仓库markdown-html工具与设计系统初始化；Python。必须保留固定版本的完整Skill目录及其引用的references/scripts，不能只复制入口文件。具体可用能力依赖电脑端宿主，非小程序内执行。 使用边界 未完成设计系统配置时会停止 默认外部字体和语法高亮CDN需要网络 本页例子为编辑撰写，未安装或运行此Skill，不等同平台兼容认证或安全保证。 排错 提示设计系统没有初始化：先按同仓库design-system完成品牌token配置；不能仅复制一个SKILL.md就跳过依赖。 入口可读，但执行时报缺少脚本、参考文件或工具。：确认拿到同一固定commit下完整Skill目录，并检查本页列出的运行环境与账号/额度。缺少必要能力时停止对应步骤，不能伪造文件或成功回执。 固定来源 https://github.com/alirezarezvani/claude-skills/blob/19392f7a08264ed00486a251f5b2098321771f94/markdown-html/skills/md-document/SKILL.md 许可 MIT；原文：https://github.com/alirezarezvani/claude-skills/blob/19392f7a08264ed00486a251f5b2098321771f94/LICENSE 仓库Star快照 alirezarezvani/claude-skills：27660 Stars，核验日期 2026-10-05；这是父仓库热度，不是此单项的评分或使用量。