最近发现一个很实用的skill叫show-me,推荐给大家。
它的核心思路很简单:让AI在解释技术问题时,优先画图给你看,而不是堆一大段文字。而且它会根据问题选择用合适的图来表达,不是炫技画大图,而是用能说明问题的最小图。
这个skill支持多种图表类型,每种都有明确的使用场景:
伪代码:适合解释算法和业务逻辑,用简洁的伪代码展示核心流程。
Call Tree:适合解释函数调用链和运行时控制流,让你一眼看清代码执行路径。
Component Tree:适合解释React/UI组件结构,展示组件之间的层级关系。
File Tree:适合解释项目目录和模块职责,帮你理解代码组织结构。
Mermaid图:适合解释组件交互、时序和数据流,展示系统各部分如何协作。
Diff:特别适合展示改之前和改之后的对比,直观看到代码变化。
HTML可视化:当问题比较复杂时,甚至可以直接生成一个独立的HTML信息图、图表或小型幻灯片。
我在项目中试了一下去看AI写的代码,确实很清晰。以前AI给你解释代码,动不动就是几百字的文字描述,看完还是云里雾里。现在用这个skill,AI会先画个图,把核心逻辑可视化出来,理解起来快多了。
项目地址:github.com/humanlayer/ski…
如果你经常用AI辅助编程,或者需要AI帮你解释复杂的技术概念,这个skill值得试试。它不会让AI变得更强,但会让AI的输出更容易理解。
对于团队协作来说,这个skill也很有价值。当需要向非技术人员解释技术方案时,用图表比用文字有效得多。以前可能需要花半小时写文档,现在AI几分钟就能生成一个清晰的图表。
总的来说,这是一个小而美的工具,解决了一个真实存在的痛点。如果你也在用AI编程,不妨试试看。
话题来源 @vikingmute
74.3K阅读 ❤️570 x.com/…↗ 已改写,非原文转载
15 浏览 0 评论
0 反应













