关于 explain-with-slides
用于将代码变更整理成高层次幻灯片的技能,面向需要视觉概览的读者。按问题、变更、结果和待决事项组织内容,每页聚焦一个观点与醒目视觉。
主要功能
- 01制作 5–8 页概览幻灯片
- 02每页突出一个结论与视觉
- 03按问题到结果组织内容
- 04支持独立页面或纵向滚动
- 05尊重减少动态效果设置
适用场景
- 01以幻灯片说明代码变更
- 02为变更提供整体而非细节概览
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ kjetilhartveit/ kjetils-skills --skill explain-with-slides安装后在 Claude Code 中输入/explain-with-slides确认已加载。
详细介绍
用幻灯片进行说明
一套简短的高层次幻灯片:每页讲一个要点,用标题点明结论,并配一张醒目的大图。用于整体了解,而非了解细节。
适用场景
- 用户要求用幻灯片直观说明变更。
- 编排器用幻灯片直观说明变更。
内容
- 5–8 页。每页包含一个点明结论的标题、一张醒目的大图,以及最多约 20 个字的辅助说明。
- 不要放代码、表格、细节页或详情抽屉。如果读者需要更多信息,最后一页可以指向完整说明。
- 顺序:问题 → 变更 → 结果 → 尚待决定的事项。
导航
- 如果幻灯片属于可滚动页面,请纵向排列,让滚动方向与页面其他部分保持一致。避免在纵向页面中采用横向翻页。
- 独立幻灯片可以通过键盘、滑动、圆点和上/下一页按钮横向翻页,并为每页提供深层链接。
- 每页采用轻微的入场动画(如条形增长、项目上移);文本不使用淡入效果。遵循减少动态效果的设置。
构建
- 使用
explainer-kit技能构建,通常将其构建为独立页面(assemble.py --standalone)。
评论
支持 Markdown