这个show-me的skill真的不错,非常实用,让AI在解释技术问题时,优先画…

AI大土豆 @suanwan
这个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/…↗ 已改写,非原文转载
26 浏览 0 评论 0 反应
登录 后参与评论
还没有评论,来抢沙发。
查看完整榜单
查看完整榜单
查看完整榜单