关于 markdown-viewer-skills
包含 14 项技能，覆盖五种渲染引擎，用于制作图表、示意图和信息图，适合需要生成从数据图表、思维导图到架构与云拓扑图的用户。
主要功能
- 0114 项可视化技能
- 02五种渲染引擎
- 03Vega-Lite 图表
- 04HTML/CSS 信息图模板
- 05PlantUML 图表类型
- 06JSON Canvas 导图
适用场景
- 01根据数据制作图表
- 02绘制企业架构图
- 03绘制云基础设施拓扑
- 04构建思维导图
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/markdown-viewer-skills确认已加载。
附带文件stub.yaml
详细介绍
markdown-viewer-skills
目录占位说明 — 完整软件包：markdown-viewer/skills
决策树
开始任何图表、示意图或信息图工作前，先执行以下步骤：
-
是否已安装此软件包？ 检查：
~/.design-agent-skills/skills/vega/SKILL.md是否存在（代表性技能）。- 是 → 按名称调用相关技能并继续
- 否 → 转到第 2 步
-
是否可以访问 shell？
- 是 → 运行下方安装命令，然后调用该技能
- 否 → 显示安装命令；在 Claude Code 中，将其作为以
!开头的聊天消息发送 — 全局安装时添加-g，仅用于项目时则省略
安装命令
npx skills add markdown-viewer/skills
安装后调用
涵盖 5 种渲染引擎的 14 项技能：
| 技能 | 引擎 | 使用场景 |
|---|---|---|
vega | Vega-Lite | 条形图、折线图、散点图、热力图、雷达图、词云 |
infographic | HTML/CSS | 70 多种模板：KPI 卡片、时间线、路线图、SWOT |
canvas | JSON Canvas | 思维导图、知识图谱、概念图 |
architecture | HTML/CSS | 分层示意图，13 种布局 × 12 种样式 |
infocard | HTML/CSS | 编辑类信息卡片，13 种布局 × 14 种样式 |
uml | PlantUML | 14 种 UML 类型 + 9,500 个 mxgraph 图标 |
cloud | PlantUML | AWS、Azure、GCP、Kubernetes 图标 |
network | PlantUML | Cisco/Citrix 网络设备图标 |
security | PlantUML | IAM、加密、防火墙、合规 |
archimate | PlantUML | 企业架构、ArchiMate 分层 |
bpmn | PlantUML | 业务流程、EIP、精益映射 |
data-analytics | PlantUML | ETL/ELT、数据仓库、机器学习工作流 |
iot | PlantUML | IoT 设备、传感器、边缘计算 |
mindmap | PlantUML | 带方向分支的思维导图语法 |
功能
最全面的可视化技能合集：涵盖 5 种渲染引擎的 14 项技能，格式覆盖率超过 98%。内容涵盖从简单图表到企业架构示意图、云拓扑和精美信息图模板的各种需求。
评论
支持 Markdown