GitHub · skill
markdown-viewer 开源 AI 在 Markdown 中生成专业图表的 skill
markdown-viewer 发布了一款名为 skills 的开源项目，让 AI 能直接在 Markdown 中生成 UML、云架构、网络拓扑等 13 个领域的专业图表。用户只需用自然语言描述架构或流程，AI 即可自动识别场景、选择图标、组合布局并渲染输出。该 skill 支持 Claude Code、Copilot、Cursor 等工具，通过 npx 命令即可一键安装，大幅降低了技术文档中绘制复杂图形的门槛。
- 域名
github.com- 评分
- 4 · 重要更新
- 发布
- 2026-04-13
导读
markdown-viewer 开源一款让 AI 能直接在 Markdown 中生成各种专业图表的 skill。配合 Claude Code 等 AI 编程工具，AI 写 Markdown 文档时可以直接嵌入流程图、时序图、架构 图、统计图等可视化元素，而不仅仅是文字。
技术上基于 Mermaid、PlantUML、Graphviz、Vega-Lite 等成熟图表语言，AI 根据上下文选 择最合适的图表类型并生成对应代码。Markdown 渲染器自动把代码块转换为 SVG 图形。这 让 AI 生成的技术文档、研究报告、教学材料的表达能力大幅增强。
Skill 文件直接放到 Claude Code skills 目录或 OpenClaw skills 目录即可启用。对技术 作者和教育工作者来说，这把"图文并茂"从手工劳动变成 AI 自动产出。代码在 GitHub 开源，许可证 MIT。这是 Claude Code skill 生态里实用度较高的一个工具型 skill。
原文摘要
标签 skills 产品名 markdown-viewer skills 分类 开源 摘要 该技能允许AI直接在Markdown中生成多种专业图表，涵盖UML、云架构、网络拓扑等13个领域，支持生成架构图、流程图等。用户可以通过简单的指令生成复杂图形，并支持多种工具的集成，方便安装和使用 收录时间 2026/04/13 网址 github.com/mar…skills 岗位辅助 程序员 行业 通用 2 more properties 让AI能直接在Markdown中生成各种专业图表的skill 涵盖UML、云架构、网络拓扑、安全架构、企业架构、业务流程、数据分析、物联网、数据图表、信息图、思维导图等13个专业领域 生成架构图、流程图、工作流图、状态图、部署图、网络拓扑图等，技术文档里需要的图基本都覆盖了 然后你就可以“画一个电商系统架构，包含用户端、订单服务、支付服务、MySQL、Redis，部署在AWS上” AI自动读取skill，识别场景（AWS云架构），选择图标，组合布局，生成代码，渲染输出AWS架构图 支持Claude Code、Copilot、Cursor等，npx skills add markdown-viewer/skills一键安装 github：https://github.com/markdown-viewer/skills