visualization-chart-generation
Installation
SKILL.md
可视化图表生成技能
定位
本技能提供从设计规范到图表输出的完整能力。
输出形式:生成SVG/HTML/HTML+JS代码文件,用户可通过浏览器打开查看,支持保存为图片。
核心能力
设计规范能力
内置完整的视觉设计规范,确保生成的图表风格统一、专业:
- 颜色系统:9色系×7层级的完整调色板,支持亮色/暗色模式
- 字体系统:标题/正文/辅助文字的大小、字重、行高规范
- 布局系统:圆角、间距、安全区域、viewBox规范
- 组件系统:预设样式类(box/node/arr/leader等)
- 图表类型指导:流程图、结构图、说明图的绘制规范