这个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写的代码,很清晰,推荐一下。
项目地址:github.com/humanlayer/ski…
show-me的设计理念是让AI用最直观的方式解释复杂的技术概念。与其让AI写一大段文字描述,不如让它直接画图展示。这种方式对于理解代码结构、函数调用链、组件关系等特别有效。
它支持多种图表类型,每种类型都有特定的使用场景。比如解释算法时用伪代码,解释React组件时用Component Tree,解释数据流时用Mermaid图。这种针对性的选择,让解释更加精准和高效。
最让我惊喜的是HTML可视化功能。当问题比较复杂时,它可以生成一个独立的HTML页面,包含图表、说明文字,甚至可以做成小型的slide deck。这种方式对于分享和展示特别有用。
在实际项目中使用后,我发现它确实能大幅提升理解代码的效率。特别是对于新加入的项目,用show-me快速了解代码结构,比读文档要直观得多。
如果你经常需要理解复杂的代码结构,或者需要向团队解释技术方案,show-me是一个值得尝试的工具。它能帮你用更直观的方式传达技术概念,减少沟通成本。
话题来源 @vikingmute
91.8K阅读 ❤️668 x.com/…↗ 已改写,非原文转载
25 浏览 0 评论
0 反应












