show-me skill让AI画图解释代码，项目试用很清晰

最近发现一个很实用的show-me skill，推荐给大家。

这个skill的核心理念很简单：让AI在解释技术问题时，优先画图给你看，而不是堆一大段文字。

而且它会根据问题选择用合适的图来表达，不是炫技画大图，而是用可以说明问题的最小图。这些图让AI总结一下：

伪代码：解释算法、业务逻辑。
Call Tree：解释函数调用链、runtime control flow。
Component Tree：解释React/UI组件结构。
File Tree：解释项目目录、模块职责和重构方案。
Mermaid图：解释组件交互、时序、数据流。
Diff：特别适合改之前到改之后的对比。
HTML可视化：问题比较复杂的时候，甚至可以直接生成一个独立HTML infographic/diagram/小型slide deck。

我在项目中试了一下去看AI写的代码，很清晰。以前AI给你解释代码，一大段文字看半天还不知道在说什么。现在用这个skill，直接给你画个调用链或者组件结构图，一目了然。

这个skill特别适合以下场景：

• 代码review：让AI画出代码结构和调用关系
• 技术文档：用图表代替大段文字说明
• 问题排查：画出问题的调用链和数据流
• 知识分享：用可视化方式解释复杂概念

项目地址：github.com/humanlayer/ski…

如果你经常需要AI帮你解释技术问题，这个skill能大幅提升沟通效率。以前可能需要反复追问才能理解的内容，现在一张图就搞定了。

总的来说，这是一个小而美的工具，解决了一个真实存在的痛点。如果你也在用AI做技术工作，不妨试试看。