mcpField
E
explain-with-slides

explain-with-slides

github.com/kjetilhartveit文档处理278 次安装6 天前更新
代码仓库

关于 explain-with-slides

用于将代码变更整理成高层次幻灯片的技能,面向需要视觉概览的读者。按问题、变更、结果和待决事项组织内容,每页聚焦一个观点与醒目视觉。

主要功能

  1. 01制作 5–8 页概览幻灯片
  2. 02每页突出一个结论与视觉
  3. 03按问题到结果组织内容
  4. 04支持独立页面或纵向滚动
  5. 05尊重减少动态效果设置

适用场景

  1. 01以幻灯片说明代码变更
  2. 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