快速生成概念、架构、流程与白板图,支持 SVG、HTML 或 Excalidraw 格式
复制安装指令,让 AI 自动完成配置 · 推荐新手
请帮我安装 askskill 上的 "diagram-maker" 技能: 1. 下载 https://raw.githubusercontent.com/openclaw/openclaw/main/skills/diagram-maker/SKILL.md 2. 保存为 ~/.claude/skills/diagram-maker/SKILL.md 3. 装好后重载技能,告诉我可以用了
请为一个电商平台生成 SVG 架构图,包含前端、API 网关、用户服务、订单服务、支付服务、数据库与缓存,并用箭头标出主要调用关系。
一张结构清晰的系统架构图,可直接用于文档或方案说明。
请用 Excalidraw 风格绘制客户投诉处理流程图,包含提交投诉、分配负责人、调查问题、反馈结果和关闭工单,并标出判断分支。
一张便于团队讨论的流程图,清楚展示步骤与分支条件。
请用 HTML 生成一个机器学习基础概念图,展示监督学习、无监督学习、分类、回归、聚类与常见算法之间的关系。
一个可视化概念关系图,帮助学习或演示核心知识结构。
Create diagrams as artifacts, not prose. Choose one output mode:
clean-svg: educational concepts, physical systems, processes, lifecycle, simple data flow.architecture-svg: software/cloud/infra topology, services, databases, queues, trust zones.excalidraw: editable hand-drawn whiteboard, flowchart, sequence, architecture sketch.Routing
Workflow
./diagram.html / ./diagram.excalidraw.SVG/HTML rules
.html file with inline CSS and inline SVG.fill="none" and a marker arrow when directed.SVG template
Use references/svg-template.md as the wrapper and replace <!-- SVG -->.
Excalidraw rules
.excalidraw JSON with type, version, source, elements, and appState.label property.1, fontFamily: 1, and simple fills.For exact Excalidraw element snippets, read references/excalidraw-patterns.md.
通过 Obsidian CLI 读写检索知识库笔记、任务、链接与插件配置
为项目代码库生成定制化设计系统规则,统一 Figma 到代码协作规范。