关于 show-me
一种用精简视觉内容解释当前主题的技能，会根据主题选择伪代码、调用树、Mermaid、差异或专注的 HTML。适合需要简短文字搭配直观说明的场景。
主要功能
- 01按主题选择视觉形式
- 02生成精简图表或树状图
- 03用差异呈现局部改动
- 04用 HTML 展示界面概念
适用场景
- 01用伪代码展示算法
- 02梳理运行流程或组件结构
- 03用差异对照代码改动
- 04以 HTML 呈现界面概念
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/show-me确认已加载。
附带文件agents/openai.yamlassets/codex-icon.svg
详细介绍
直观展示当前主题。跳过开场白。选择能说明问题的最小视图，将其放在所支持的简短文字旁，然后停止。
- 逻辑或算法 → 缩进式伪代码
- 运行时控制流 → 调用树
- UI 结构 → 组件树，包含重要的文件路径、状态和模块边界
- 文件职责或重构 → 带简要注释的浅层文件树
- 组件、控制或数据流 → Mermaid
- 周边结构已存在，仅说明变更 → 使用与主题结构相同的
diff - 大部分内容是新建的、省略上下文会掩盖归属关系，或用户需要可复制的目标 → 完整代码块
- 可视化 UI、布局、状态对比，或对 Mermaid 来说过于复杂的概念 → 创建一个专门的 HTML 文件，匹配产品的颜色、字体、间距和实际标签；然后
openshow-me-{description}.html
只保留当前问题所需的调用、文件、属性、状态和边界。使用其中一种或几种，不要全部使用。
评论
支持 Markdown