Markdown Viewer Skills:AI 编程助手,终于能顺手把架构图画进 Markdow

写技术文档的时候,我最烦的不是写字。

字还能硬写。

烦的是写到一半,突然发现这里少一张图。

接口流程图。

部署图。

模块关系图。

这时候就很尴尬。你得从编辑器里切出去,开画图工具,拖框,连线,调位置。图是有了,刚才那点写文档的劲儿也没了。

最近刷到一个项目,Markdown Viewer Skills。

它做的事很窄。

不是重新搞一个文档系统,也不是再造一个画图软件。

它更像是给 Claude Code、Codex、Cursor 这类 AI 编程助手,塞了一包“画图手艺”。

你在 Markdown 里写技术方案,顺手让 AI 生成架构图。

就放在文档里。

不用先写一段说明,再手动搬到别的工具里画。

项目里放了 14 个绘图技能。

架构图、流程图、工作流图、状态图、部署图、类图、用例图,这些常见的技术文档图,基本都覆盖了。

我第一眼看它,比较在意的是这个点:

图还留在 Markdown 里。

这就少了很多碎活。

比如模块名改了,接口路径换了,原来你得去图里一个个找。现在更像是让 AI 按新描述重画一版。

粗暴一点。

但省事。

它底下接的渲染引擎也不算少,PlantUML、Vega 这类方案都有,一共五个主流渲染引擎。

所以不是只能画几条箭头线。

时序图、状态流转、系统结构、数据图,这些都能往里塞。

当然,图画得好不好,还是看你给 AI 的描述够不够清楚。

提示词太糊,出来的图也会糊。

这个锅不能全甩给工具。

还有一个小东西我多看了两眼。

它可以生成带排版的 HTML 信息卡片。

不是普通代码块那种一坨文字,而是能直接放进 README、项目页、说明文档里的视觉块。

有些开源项目首页,其实就差这么一块。

安装方式也比较直接。

项目给了一键安装指令,Claude Code、Codex、Cursor 都支持。

大概就是把 skills 装进去,然后写文档时直接喊 AI 出图。

我觉得它补的不是大功能。

就是一个很具体的缺口:

AI 现在很会写文档,但很多技术文档还是缺图。

尤其赶 README、写部署说明、补系统设计的时候。

Markdown Viewer Skills 这种小工具,平时可能想不起来。

真到要交文档那天,就会突然觉得,嗯,还挺省一次切窗口的。

GitHub 地址: https://github.com/markdown-viewer/skills

返回分类列表