专业图表设计
分类：设计创作
它能帮你做什么
创建专业深色主题的自包含 SVG 图表：架构图、流程图、时序图、结构图、思维导图、时间线、示意图、状态机、数据流图，语义色板 + 高可读布局。（注：AI生成内容仅供参考，不构成专业建议）（纯网页：交付提示词/HTML代码，不自动生成图片视频文件）
怎么用
说要画什么图（架构/流程/时序等）并提供内容。
基本信息
| 是否收费 | 免费 |
|---|---|
| 许可 | MIT |
| 原作者 | Jim Liu |
| 上游仓库 | https://github.com/JimLiu/baoyu-skills |
| 评级 | B |
| 使用次数 | 23 |
信任状
- ✅ 已通过 AI8188 真实实测：用真实输入跑过一遍，输入、输出、耗时原样公开，可自行核对。
- 🔌 可被 AI 助手直接调用执行：经 MCP（https://www.ai8188.com/mcp）用 run_skill 真实执行，返回不可伪造的执行证明 trace_id，可用 verify_execution 独立核验。
- 📜 来源可溯：开源许可 MIT · 原作者 Jim Liu · 上游 https://github.com/JimLiu/baoyu-skills
- 🔒 密钥不出本机：运行所用的模型 API 密钥只存在用户自己的浏览器，不上传平台、不入库。
实测记录（真实跑过的证据）
真实测试输入：我需要用这个工具设计一份包含30个节点的思维导图，主题是绿色能源技术发展，要能导出为SVG格式。（请直接交付可使用的成品，不要反问、不要说做不到、不要让我去别处查）
真实输出片段：```svg <svg width="800" height="600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <style> .node { fill: #22d3ee; stroke: #0f172a; stroke-width: 2; font-size: 12px; text-anchor: middle; } .link { stroke: #0f172a; stroke-width: 2; } </style> <g transform="translate(100,100)"> <circle class="node" cx="0" cy="0" r="20"> <title>绿色能源技术发展</title> </circle> <g transform="translate(100,100)"> <circle class="node" cx="100" cy="0" r="20"> <title>太阳能技术</title> </circle>
判定：✅ 通过 · 引擎 deepseek · Fri Sep 25
说明：以上为 AI8188 用真实输入在平台通道真跑该技能的记录，输入、输出、产出原样公开，可自行核对。
实测记录（公开可查）：https://www.ai8188.com/api/reports?type=skill&id=89
运行
本技能可直接在 AI8188 网页内运行（无需安装）：https://www.ai8188.com/run/skill/89
页面：https://www.ai8188.com/s/diagram-zh 全量实测报告：https://www.ai8188.com/reports
（本页是给搜索引擎与 AI 助手抓取的静态版本；在浏览器打开会进入完整交互界面。技能提示词正文不在本页公开。）