可视化讲解当前话题
show-me 技能按需选择最小视图,用伪代码、调用树、组件树、浅层文件树、Mermaid 图、diff 或单个 HTML 文件解释当前讨论内容,并在生成 HTML 后用 open 命令打开。
BAIZE AI RESOURCE
skills
HumanLayer 的 Claude Code 技能集,用于可视化讲解、PR 描述、指令优化与代理工作流设计

skills 是 HumanLayer 开源的 Claude Code 技能仓库,以插件形式组织,每个技能放在 plugins/{plugin}/skills/{skill}/ 下,附带 SKILL.md 与 references 模板文件。安装方式为 npx skills add humanlayer/skills --skill SKILLNAME,安装后在 Claude Code 中以斜杠命令调用。仓库当前提供六个技能:show-me 用伪代码、调用树、组件树、Mermaid 图和 HTML 产物把当前话题可视化;visual-pr 按模板生成或更新 PR 描述,用结构化视图说明改动形状;improve-claude-md 用 important-if 条件块重写 CLAUDE.md 以提升指令遵循度;narrow-react-prop-types 依据真实调用点收窄 React 组件 props 类型;build-iterated-agentic-loop 在目标仓库生成技能、GitHub Actions 工作流、提示词与记忆文件;design-control-loop 通过访谈设计传感器—控制器—执行器式的代理控制回路。适合使用 Claude Code 并希望把重复性代码任务、评审沟通和文档维护流程化的开发者。
show-me 技能按需选择最小视图,用伪代码、调用树、组件树、浅层文件树、Mermaid 图、diff 或单个 HTML 文件解释当前讨论内容,并在生成 HTML 后用 open 命令打开。
visual-pr 用于创建或更新 Pull Request,并生成简洁的可视化变更概览,帮助评审者快速理解改动内容。
improve-claude-md 把领域规则拆成独立的 块,保留全部命令,删除 linter 可覆盖的样式规则和易过期的代码片段,改为文件路径引用。
narrow-react-prop-types 先找出非测试、非 Storybook 的真实调用点,据此判定 props 为必需、可选或删除,并同步收紧子组件 props、移除为宽类型保留的兜底逻辑。
将可重复的代理任务转化为仓库本地的技能与 GitHub Actions 工作流:生成 .claude/skills/{skill}/SKILL.md 定义代理判断逻辑,生成 .github/workflows/agent-{name}.yml 按计划或手动触发编码代理,生成 .github/agent-memory/{name}.md 在多次运行间传递固定反馈与范围约束,并可为工作流打标签,使同一循环只保留一个未合并 PR。
design-control-loop 以控制论模型(设定点、传感器、控制器、执行器、扰动)访谈用户,先让各组件可本地独立运行,再接入 CI,并可选加入防止问题恶化的阻尼器。
使用场景讨论中需要快速说明某段逻辑或组件结构
调用 /show-me 后,技能会挑选最小视图,例如用调用树展示 submitForm → createSession → launchAgent,或用组件树标注 SessionPage 中的 hooks 与包边界;概念过密时生成一个 HTML 文件并打开。
使用场景提交改动后需要让评审者快速理解变更
调用 /visual-pr,技能读取 PR 模板与完整 diff,把 Why the change 写成一句话,用 diff 块展示组件树或文件布局变化,保存到 .humanlayer/tasks/{task-slug}/pr-description.md 并更新 PR 正文。
使用场景组件 props 因 Storybook 或 mock 被放宽,出现大量可选字段
技能先搜索所有导入与调用点,区分真实代码路径与支持代码,把仅由测试或故事提供的 props 改为必需或删除,并同步移除 items ?? [] 之类的兜底逻辑,让故事与测试改为适配严格契约。
使用场景希望把可重复的代码任务交给定时运行的编码代理
技能在目标仓库生成仓库内技能、GitHub Actions 工作流、代理记忆文件和响应模板,并默认把同一循环的未合并 PR 限制为 1 个,手动 workflow_dispatch 运行可绕过该限制。