SVG 图表生成器 · 暗色专业风
分类：设计创作
它能帮你做什么
把结构/流程/系统描述生成单个自包含 .svg（内联样式与语义色板）。覆盖架构图、流程图、时序图、结构图、思维导图、时间线、状态机、数据流等 9 类，内置暗色专业设计系统与组件模式。适用于技术图解、方案可视化、文章配图。
基本信息
| 是否收费 | 免费 |
|---|---|
| 许可 | MIT |
| 原作者 | JimLiu（宝玉） |
| 上游仓库 | https://github.com/JimLiu/baoyu-skills |
| 评级 | A |
| 使用次数 | 3 |
信任状
- ✅ 已通过 AI8188 真实实测：用真实输入跑过一遍，输入、输出、耗时原样公开，可自行核对。
- 🔌 可被 AI 助手直接调用执行：经 MCP（https://www.ai8188.com/mcp）用 run_skill 真实执行，返回不可伪造的执行证明 trace_id，可用 verify_execution 独立核验。
- 📜 来源可溯：开源许可 MIT · 原作者 JimLiu（宝玉） · 上游 https://github.com/JimLiu/baoyu-skills
- 🔒 密钥不出本机：运行所用的模型 API 密钥只存在用户自己的浏览器，不上传平台、不入库。
实测记录（真实跑过的证据）
真实测试输入：我需要一个暗色风格的 SVG 图表来展示我们的产品架构图，至少包含 20 个模块。（请直接交付可使用的成品，不要反问、不要说做不到、不要让我去别处查）
真实输出片段：```xml <?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" width="100%" height="100%"> <style> @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap'); text { font-family: 'JetBrains Mono', 'SF Mono', 'Cascadia Code', monospace; } .background { fill: #0f172a; } .grid { fill: url(#grid); } .primary { fill: rgba(8,51,68,0.4); stroke: #22d3ee; } .secondary { fill: rgba(6,78,59,0.4); stroke: #34d399; } .tertiary {
判定：✅ 通过 · 引擎 deepseek · Fri Sep 25
说明：以上为 AI8188 用真实输入在平台通道真跑该技能的记录，输入、输出、产出原样公开，可自行核对。
实测记录（公开可查）：https://www.ai8188.com/api/reports?type=skill&id=617
运行
本技能可直接在 AI8188 网页内运行（无需安装）：https://www.ai8188.com/run/skill/617
页面：https://www.ai8188.com/s/by-diagram 全量实测报告：https://www.ai8188.com/reports
（本页是给搜索引擎与 AI 助手抓取的静态版本；在浏览器打开会进入完整交互界面。技能提示词正文不在本页公开。）