用途:生成干净、极简的技术 SVG 图表,风格统一(Cloudflare 风格),适用于架构图、流程图和组件图。
主要能力:提供配色方案(背景 #fafafa、网格 #e5e5e5、主文字 #333、次要文字 #666、边框/箭头 #ccc、成功 #27ae60、错误 #e74c3c、主强调 #3498db、警告/沙箱 #f39c12、流程步骤 #9b59b6);统一使用等宽字体;内置网格背景、箭头标记、节点、容器、虚线容器、标签框等常用元素模板;支持三类图表:架构图(横向 800x350-400)、流程图(纵向 600x700+)、组件图(尺寸随内容)。
使用方式:先确定图表类型,阅读 references/svg-patterns.md 获取模板与配色,按既定模式生成 SVG,保存为描述性文件名(如 diagram-architecture.svg)。可选用 uv 转换为 WebP:uvx --from cairosvg cairosvg diagram.svg -o diagram.png --output-width 1600,再用 Pillow 保存为 WebP(lossless=True)。也可用 ImageMagick 或 librsvg + cwebp。
限制:资料未提供安装方式、收费、平台支持等细节;转换工具在部分平台需额外安装依赖(如 macOS 需 brew install cairo,Linux 需 apt install libcairo2-dev)。