Markdown Viewer:让 AI 编程助手直接在 Markdown 里画架构图

写技术文档时，最烦的不是写字。

是写着写着，突然要补一张流程图、一张架构图，手就被迫从编辑器里挪出去。

打开画图工具，拖框，连线，调位置。

图是画出来了，文档节奏也断了。

最近看到一个项目，叫 Markdown Viewer Skills。

它不是一个单独的画图软件，更像是给 AI 编程助手塞了一套“画图技能包”。

项目里内置了 14 个专业绘图技能。

架构图、流程图、工作流图、状态图、部署图、类图、用例图，都能让 AI 直接在 Markdown 里生成。

不用来回切工具。

也不用先写一段说明，再自己手动转成图。

你让 AI 写技术方案，它可以顺手把图也补上。

这点挺适合写接口文档、系统设计、部署说明的人。

尤其是那种一边写一边改的文档。

原来改一个模块名，图里也得跟着找一遍。现在直接在 Markdown 里让 AI 重画，省掉不少碎操作。

Markdown Viewer Skills 支持的渲染引擎也比较全。

包括 PlantUML、Vega 这些常用方案，一共接了五大主流渲染引擎。

所以它不只是画几条简单线。

数据图、时序图、状态流转、系统架构这类东西，都能覆盖到。

还有一个小功能也挺实用。

它可以输出带排版的 HTML 信息卡片。

不是那种干巴巴的代码块，而是可以直接拿来放进文档、页面或者项目说明里的视觉块。

安装方式也比较直接。

项目提供了一键安装指令，支持 Claude Code、Codex、Cursor 这些主流 AI 编程工具。

对开发者来说，用法大概就是：把技能装进去，然后在写文档时直接让 AI 生成对应图表。

我比较喜欢这种工具的地方，是它不试图把文档系统重新做一遍。

它只补一个很具体的缺口：

AI 会写文档，但 AI 写出来的技术文档经常缺图。

Markdown Viewer Skills 就把这块接上了。

经常写 README、技术方案、架构说明的，可以先收藏。 哪天赶文档，可能就用上了。

GitHub地址：markdown-viewer/skills