可视化图表生成技能

定位

本技能提供从设计规范到图表输出的完整能力。

输出形式：生成SVG/HTML/HTML+JS代码文件，用户可通过浏览器打开查看，支持保存为图片。

核心能力

设计规范能力

内置完整的视觉设计规范，确保生成的图表风格统一、专业：

• 颜色系统：9色系×7层级的完整调色板，支持亮色/暗色模式
• 字体系统：标题/正文/辅助文字的大小、字重、行高规范
• 布局系统：圆角、间距、安全区域、viewBox规范
• 组件系统：预设样式类（box/node/arr/leader等）
• 图表类型指导：流程图、结构图、说明图的绘制规范