会飞的荧
@feitu
这个show-me的skill真的不错，觉得非常实用，让AI在解释技术问题时，优先画出来给你看，而不是堆一大段文字。
而且它会根据问题选择用合适的图来表达，不是炫技画大图，用可以说明问题的最小图。这些图让AI总结一下：
伪代码：解释算法、业务逻辑。
Call Tree：解释函数调用链、runtime control flow。
Component Tree：解释React/UI组件结构。
File Tree：解释项目目录、模块职责和重构方案。
Mermaid图：解释组件交互、时序、数据流。
Diff：特别适合改之前→改之后。
HTML可视化：问题比较复杂的时候，甚至可以直接生成一个独立HTML infographic/diagram/小型slide deck。
在项目中试了一下去看AI写的代码，很清晰，推荐一下。
这个skill的核心理念是：技术问题用文字解释往往不够直观，用图来表达能让理解效率翻倍。比如解释一个函数调用链，用Call Tree比用文字描述清晰得多；解释React组件结构，用Component Tree比用文字描述直观得多。
对于经常和AI协作开发的工程师来说，这个skill可以显著提升代码审查和问题排查的效率。它不是让AI画一些花哨的图，而是用最合适的图表类型来解释技术问题。
项目地址：github.com/humanlayer/ski…
话题来源 @vikingmute
85.6K阅读 ❤️634 x.com/…↗ 已改写，非原文转载
22 浏览 0 评论
0 反应
