SKILL

diagrammer

根据 JSON 规格渲染简洁的蓝图风格 SVG 图表。当用户要求绘制、勾画或图解请求流程、神经网络、Transformer 块、系统架构、状态机、数据管道，或任何他们想要用于文档、README、帖子或幻灯片的节点-边技术可视化 SVG 时使用。

机器翻译

查看英文原文

Render clean blueprint-style SVG diagrams from JSON specs. Use when users ask to draw, sketch, or diagram a request flow, neural net, transformer block, system architecture, state machine, data pipeline, or any node-and-edge technical visual they want as an SVG for docs, READMEs, posts, or slides.

适用对象：设计与内容创作。自动收录 · 待核查。

原作者说明节选

从固定版本的 SKILL.md 提取，保留原文语言。以下内容属于作者说明，本站尚未验证安装、兼容或运行结果。

查看英文原文

原文涵盖的主题

diagrammer
Install
Workflow
Spec Essentials
When To Choose This

Use diagrammer to turn a small JSON spec into a clean SVG diagram. It is useful when the user wants a precise technical diagram without opening a design tool. The renderer must be installed locally: 1. Convert the user's plain-English diagram request into a JSON spec. 2. Save the spec to a temporary or project file. 3. Render it: 4. Return the SVG path to the user. Built-in node types: box, circle, text, database, stack, group, note, and custom. Useful optional fields: direction: "LR" or "TB" router: "straight" or "ortho" label on edges style: "solid" or "dashed" weight: "thin" or "thick" For the full reference, run: Use diagrammer when the output should be a checked-in SVG artifact, especially for: README diagrams architecture sketches request flows state machines neural-net or transformer diagrams simple data pipelines Prefer Mermaid when the user specifically asks for Mermaid syntax or wants diagrams rendered by a Markdown platform. Prefer Excalidraw when the user wants editable hand-drawn canvas files.

来源仓库: davila7/claude-code-templates
源文件: cli-tool/components/skills/creative-design/diagrammer/SKILL.md
固定版本: 21be197f100a12b8d0dd9a211cc244c8179f84d3

阅读完整原作者说明 ↗