这个 show-me 的 skill 真的不错 https://github.c…

这个 show-me 的 skill 真的不错 github.com/humanlayer/ski… 觉得非常实用，让 AI 在解释技术问题时，优先画出来给你看，而不是堆一大段文字。 而且它会根据问题选择用合适的图来表达，不是炫技画大图，用可以说明问题的最小图，这些图让 AI 总结一下： 伪代码：解释算法、业务逻辑。 Call Tree：解释函数调用链、runtime control flow。 Component Tree：解释 React/UI 组件结构。 File Tree：解释项目目录、模块职责和重构方案。 Mermaid 图：解释组件交互、时序、数据流。 Diff：特别适合改之前 → 改之后。 HTML 可视化：问题比较复杂的时候，甚至可以直接生成一个独立 HTML infographic / diagram / 小型 slide deck。 我在项目中试了一下去看 AI 写的代码，很清晰，推荐一下。 说实话，AI 解释技术问题的时候，文字堆得越多我越看不懂。这个 skill 的思路是对的——能画图就别写字，能用最小图就别画大图。伪代码解释算法、Call Tree 看调用链、Mermaid 画数据流，每种图都有明确的使用场景，不是为了炫技。 我自己试了下，用它看 AI 生成的代码结构，确实比纯文字清晰多了。特别是 Diff 图，改之前改之后一目了然，比对着 diff 输出看舒服太多。 推荐给平时需要和 AI 一起看代码、做技术方案的朋友。