markdown-viewer/skills

解决的问题

该项目提供了一套专门的指令（技能），使AI编码代理能够在Markdown中直接生成专业的图表、数据可视化和技术文档。它弥合了代理编写文本的能力与其创建复杂视觉表现（如云架构、UML图和数据图表）能力之间的差距。

如何工作

该项目遵循 Agent Skills 格式，定义了14种不同的技能。每个技能由一个包含YAML前言、语法规则和模板的 SKILL.md 文件组成。当AI代理（如Claude Code、Cursor或GitHub Copilot）使用这些技能时，会遵循特定指令输出正确的代码块（例如 ```vega-lite 或 ```plantuml）或原始HTML/CSS。这些输出随后由兼容的Markdown查看器扩展程序渲染为可视化内容。

适用人群

• AI代理用户：使用AI编码代理来记录系统架构的开发者和架构师。
• AI代理开发者：希望将标准化视觉功能集成到其基于LLM的工作流中的人员。
• 技术文档撰写者：希望生成一致且专业的AI生成图表和信息图的人。

主要亮点

• 广泛的视觉支持：涵盖从软件建模（UML）、云基础设施（AWS/Azure/GCP）到数据流水线和物联网传感器网络的各类内容。
• 多种渲染引擎：支持Vega-Lite、PlantUML、JSON Canvas以及直接的HTML/CSS。
• 代理兼容性：专为轻松集成到Claude Code和VS Code等流行代理而设计。
• 丰富的图标库：提供数千个mxgraph模板图标，用于创建专业级的架构图。