源自 GitHub网页幻灯片结构编排
该能力专为维护和扩展基于单文件 HTML（presentation/index.html）的网页演示文稿而设计。它规范了幻灯片的 DOM 节点结构，定义了基于 data-slide 的连续物理编号、基于 data-level 的学习阶梯（Low/Medium/High/Pro 对应 25%/50%/75%/100% 进度条高度）继承与徽章注入机制，并在增删或重排页面后严格执行重新编号与目录 goToSlide() 锚点校准规则，确保演示稿的键盘切换、触控手势及进度条状态平稳运行。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
02
03
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“在 presentation/index.html 的 Part 2 之后新增 2 张关于 Prompt 调优的幻灯片，并重新编排所有 data-slide 序号和 TOC 中的 goToSlide 锚点”
“为第七部分新增过渡页，将 data-level 设置为 high 并附带正确的章节描述文案”
“检查 presentation/index.html 中现有的幻灯片序列，排查是否有 data-slide 重复或 goToSlide 映射脱节的错误”
适用人群
适合谁？
上手门槛
使用难度
进阶
需要了解任务流程，页面已整理好使用步骤。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
