SuperAPI AI 工具集

Skill 广场

找到适合任务的 Agent Skill,阅读介绍并复制安装命令。

更新于 10-29 00:09

编程与开发

38,673 个结果

explain-with-code-walkthrough

这是一个用于生成可视化代码讲解的 Claude Skill(技能),由 kjetilhartveit/kjetils-skills 提供。当用户请求以可视化的方式讲解代码改动时,该技能会生成一种左右分栏的讲解页面:左侧是简短的滚动步骤,右侧是固定在视口垂直居中位置的粘性代码面板。随着用户滚动左侧步骤,代码面板会切换到对应的文件,并高亮该步骤所涉及的代码行,让读者直观地看到“今天的代码”如何变成“提议的代码”。该技能规定了 4–8 个讲解步骤彼此之间的顺序,每步包含一句加粗说明和最多 1–2 行短文本;更深入的解释放在每步可展开的开关里。代码面板展示来自代码库的真实代码,每段不超过 15 行,用高亮而非内容增减来表现变化,新增行用绿色 + 标记、删除行用 − 标记,并按稳定的行 ID 而非手数行号选择高亮范围。该技能需配合 explainer-kit 技能构建为 fragment,使用 ev-side、ev-stick、ev-step、EV.steps 等组件,并在移动端固定代码面板。适用于需要在代码走查中向读者解释变更的场景。

编程与开发62 次安装