メニュー
Gera diagramas visuais a partir de descricoes em texto: flowcharts, mind maps, hierarquias, timelines, matrizes e mapas de relacionamento. Exporta como arquivos Excalidraw compativeis com Obsidian.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/vlabsai/skills-hub --skill excalidraw-diagramコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Referencia operacional do Antfarm — orquestrador de times de agentes AI sobre OpenClaw. Arquitetura Ralph Loop, workflows YAML, dashboard, patches, operacao. Assets por topico para consulta sob demanda.
Referencia operacional do OpenClaw — arquitetura, gateway, agentes, skills, channels, sessions, memoria, tools, config, seguranca e OAuth. Assets por topico para consulta sob demanda. Use para operar qualquer setup OpenClaw.
Pipeline de pesquisa profunda com multiplos agentes em paralelo. Gera relatorios em markdown com citacoes e protocolo anti-alucinacao. Use para analises comparativas, investigacoes de mercado e pesquisas abrangentes.
SOC 職業分類に基づく
SKILL.md を表示中
| name | excalidraw-diagram |
| description | Gera diagramas visuais a partir de descricoes em texto: flowcharts, mind maps, hierarquias, timelines, matrizes e mapas de relacionamento. Exporta como arquivos Excalidraw compativeis com Obsidian. |
| license | Apache-2.0 |
| compatibility | claude-code |
| allowed-tools | Read Write Glob Grep |
| metadata | {"author":"vector-labs","version":"1.0"} |
| tags | ["diagrams","documentation"] |
| complexity | beginner |
| featured | true |
Generate visual diagrams from text content as Obsidian-compatible .excalidraw.md files with embedded Excalidraw JSON.
Activate when:
.excalidraw.md in Obsidian format| Type | When to Use | Key Elements |
|---|---|---|
| Flowchart | Sequential processes, workflows | Rectangles + arrows, left-to-right or top-to-bottom |
| Mind Map | Concept expansion, brainstorming | Central node + radiating branches |
| Hierarchy | Org charts, taxonomies, tree structures | Parent-child rectangles, top-down |
| Relationship | Entity interactions, system dependencies | Nodes + bidirectional connectors |
| Comparison | Multi-option analysis, pros/cons | Side-by-side columns or grouped boxes |
| Timeline | Chronological events, roadmaps | Horizontal line + milestone markers |
| Matrix | 2D classification, quadrants | Grid layout with labeled axes |
| Freeform | Unstructured layouts, mixed visuals | Free positioning, mixed elements |
.excalidraw.md)---
excalidraw-plugin: parsed
tags: [excalidraw]
---
==⚠ Switch to EXCALIDRAW VIEW in the MORE OPTIONS menu of this document. ⚠== You can decompress Drawing data with the command palette: 'Decompress current Excalidraw file'. For more info check in plugin settings under 'Saving'
%%
%%
### JSON Root Structure
```json
{
"type": "excalidraw",
"version": 2,
"source": "https://github.com/zsviczian/obsidian-excalidraw-plugin",
"elements": [],
"appState": {
"gridSize": null,
"viewBackgroundColor": "#ffffff"
},
"files": {}
}
| Role | Color | Hex |
|---|---|---|
| Titles / primary stroke | Deep blue | #1e40af |
| Secondary elements / accent stroke | Bright blue | #3b82f6 |
| Body text / neutral stroke | Gray | #374151 |
| Emphasis / highlights | Gold | #f59e0b |
| Primary fill (light) | Light blue | #dbeafe |
| Secondary fill (light) | Light gold | #fef3c7 |
| Neutral fill | Light gray | #f3f4f6 |
| Success / positive | Green | #059669 |
| Success fill | Light green | #d1fae5 |
| Warning / attention | Orange | #d97706 |
| Error / negative | Red | #dc2626 |
| Error fill | Light red | #fee2e2 |
| Default stroke (connectors) | Dark gray | #1e1e1e |
| Background | White | #ffffff |
1 (Excalifont — hand-drawn style)fontSize: 28, strokeColor: "#1e40af"fontSize: 20, strokeColor: "#3b82f6"fontSize: 16, strokeColor: "#374151"fontSize: 14, strokeColor: "#374151"1.25 for all text"center" for bound text, "left" for standalone{
"id": "unique-string",
"type": "rectangle",
"x": 0,
"y": 0,
"width": 200,
"height": 100,
"angle": 0,
"strokeColor": "#1e40af",
"backgroundColor": "#dbeafe",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": "a0",
"roundness": { "type": 3 },
"seed": 1001,
"version": 1,
"versionNonce": 500100,
"isDeleted": false,
"boundElements": null,
"updated": 1,
"link": null,
"locked": false
}
Rectangle — Main container for content boxes, process steps, cards.
{
"type": "rectangle",
"roundness": { "type": 3 },
"boundElements": [
{ "type": "text", "id": "text-id" }
]
}
Ellipse — Used for start/end nodes, emphasis circles.
{
"type": "ellipse",
"roundness": { "type": 2 }
}
Diamond — Decision points, conditional branches.
{
"type": "diamond",
"roundness": { "type": 2 }
}
Standalone text (titles, labels):
{
"type": "text",
"text": "Title Text",
"rawText": "Title Text",
"originalText": "Title Text",
"fontSize": 28,
"fontFamily": 1,
"textAlign": "left",
"verticalAlign": "top",
"containerId": null,
"autoResize": true,
"lineHeight": 1.25
}
Bound text (text inside a shape):
{
"type": "text",
"text": "Step 1",
"rawText": "Step 1",
"originalText": "Step 1",
"fontSize": 16,
"fontFamily": 1,
"textAlign": "center",
"verticalAlign": "middle",
"containerId": "parent-shape-id",
"autoResize": true,
"lineHeight": 1.25
}
Binding rules:
containerId to the shape's id{ "type": "text", "id": "text-id" } to the shape's boundElements arraywidth and height should fit within the containerArrow (directional connector):
{
"type": "arrow",
"points": [[0, 0], [150, 0]],
"lastCommittedPoint": [150, 0],
"startBinding": {
"elementId": "source-shape-id",
"focus": 0,
"gap": 1,
"fixedPoint": null
},
"endBinding": {
"elementId": "target-shape-id",
"focus": 0,
"gap": 1,
"fixedPoint": null
},
"startArrowhead": null,
"endArrowhead": "arrow",
"elbowed": false
}
Line (non-directional connector):
{
"type": "line",
"points": [[0, 0], [100, 0]],
"lastCommittedPoint": [100, 0],
"startBinding": null,
"endBinding": null,
"startArrowhead": null,
"endArrowhead": null
}
Binding rules for arrows:
[0, 0]x, y = position of the start point in canvas coordinatesstartBinding.elementId and endBinding.elementId to connect shapes{ "type": "arrow", "id": "arrow-id" } to both shapes' boundElementsfocus: -1 to 1 — position along the target edge (0 = center)gap: distance from shape edge (use 1)Each element needs a unique index string for ordering. Use alphabetical indexing:
"a0", "a1", "a2", ... "a9", "aA", "aB", ...seed: Use incrementing integers starting from 1000 (e.g., 1000, 1001, 1002)version: Always 1 for new diagramsversionNonce: Use seed * 100 for simplicity[Step 1] ---> [Step 2] ---> [Step 3]
|
v
<Decision>
/ \
[Yes] [No]
width: 180, height: 8080px (arrow space)60px for brancheswidth: 140, height: 100 [Branch 1]
|
[Branch 4] - [CENTER] - [Branch 2]
|
[Branch 3]
width: 200, height: 80, deep blue stroke + fillwidth: 160, height: 60, bright blue strokewidth: 140, height: 50, gray stroke200-250px from center [Root]
/ \
[Child 1] [Child 2]
/ \
[Leaf] [Leaf]
100px40px | | | |
[E1] [E2] [E3] [E4]
| | | |
2024 2025 2026 2027
250px between events [Option A] [Option B] [Option C]
┌────────┐ ┌────────┐ ┌────────┐
│ Point 1│ │ Point 1│ │ Point 1│
│ Point 2│ │ Point 2│ │ Point 2│
│ Point 3│ │ Point 3│ │ Point 3│
└────────┘ └────────┘ └────────┘
300px40px High
┌────┬────┐
│ Q1 │ Q2 │
├────┼────┤
│ Q3 │ Q4 │
└────┴────┘
Low High
400x300 each3-resources/diagrams/[topic]-[type].excalidraw.md
1-projects/[project-name]/[topic]-[type].excalidraw.md
[descriptive-topic]-[diagram-type].excalidraw.mduser-onboarding-flowchart.excalidraw.mdproduct-architecture-hierarchy.excalidraw.mdq1-roadmap-timeline.excalidraw.mdpricing-models-comparison.excalidraw.mdBefore saving, verify:
text, rawText, and originalText fieldscontainerId set and container has matching boundElements[0, 0]boundElements1 for all textAfter saving the file, tell the user: