npx claudepluginhub pwood16/claude-kit --plugin excalidraw<diagram-name> <description>/createCreates a new beads issue interactively or via title, type (bug/feature/task/epic/chore/decision), and priority args. Uses beads MCP create tool, shows ID/details, offers linking.
/createLaunches Socratic subagent to create orchestration workflows interactively from natural language descriptions. Accepts optional initial description. Deprecated.
/createCreates a new scaffold template in .scaffold/<name> with scaffold.yaml config, Go template files for project or template scaffolds, and validates via lint and dry-run generation.
/createCreates a workspace directory with git worktrees for multi-repository development. Parses description for GitHub PRs, JIRA keys, and repos; sets up feature branches or PR checkouts.
/createAnalyzes project state (git, Node.js, Python, Rust, Go) and creates 9 baseline Markdown context files in .claude/context/ for structure, tech, progress, vision, and more.
/createCreates a new NotebookLM notebook via CLI with given title and optional sources (URLs, files, YouTube, PDFs, etc.). Reports notebook ID and added sources.
Generate an Excalidraw diagram from a text description and save both .excalidraw and .svg files.
Arguments: $ARGUMENTS
Expected format: <diagram-name> <description>
If no arguments provided, use AskUserQuestion to get:
Create the output directory if it doesn't exist:
mkdir -p docs/diagrams
Determine the diagram type from the description:
Create a valid Excalidraw JSON file with these requirements:
Required JSON structure:
{
"type": "excalidraw",
"version": 2,
"source": "claude-kit",
"elements": [...],
"appState": {
"gridSize": null,
"viewBackgroundColor": "#ffffff"
},
"files": {}
}
Element types you can use:
rectangle: boxes for components/servicesellipse: circles for nodes/statesdiamond: decision pointsarrow: connections with directionline: simple connectionstext: labelsElement structure (all fields required):
{
"id": "unique-id-1",
"type": "rectangle",
"x": 100,
"y": 100,
"width": 200,
"height": 80,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "#a5d8ff",
"fillStyle": "solid",
"strokeWidth": 2,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": "a1",
"roundness": { "type": 3 },
"seed": 1234567890,
"version": 1,
"versionNonce": 1234567890,
"isDeleted": false,
"boundElements": null,
"updated": 1234567890000,
"link": null,
"locked": false
}
Text element additions:
{
"type": "text",
"text": "Label text",
"fontSize": 20,
"fontFamily": 1,
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "Label text",
"autoResize": true,
"lineHeight": 1.25
}
Arrow/line element additions:
{
"type": "arrow",
"points": [[0, 0], [200, 0]],
"startBinding": null,
"endBinding": null,
"startArrowhead": null,
"endArrowhead": "arrow",
"elbowed": false
}
Color palette (use these for consistency):
#a5d8ff (background), #1971c2 (stroke)#b2f2bb (background), #2f9e44 (stroke)#ffec99 (background), #f08c00 (stroke)#ffc9c9 (background), #e03131 (stroke)#d0bfff (background), #7048e8 (stroke)#dee2e6 (background), #495057 (stroke)#1e1e1eLayout guidelines:
element-1, element-2, etc.seed and versionNonceupdatedFractional index generation (CRITICAL — incorrect indices will prevent loading):
fractional-indexing library for element z-ordera prefix → 2 chars total: a0, a1, ..., a9, aA, ..., aZ, aa, ..., az (62 values)b prefix → 3 chars total: b00, b01, ..., b0z, b10, ..., bzz (3844 values)0-9, then A-Z, then a-za0 through az is enough (62 elements). If you need more, continue with b00, b01, etc.a001 is INVALID)b prefix (b1 is INVALID — must be b01)Save to: docs/diagrams/<diagram-name>.excalidraw
Use the Write tool to save the JSON.
After saving the .excalidraw file, generate a corresponding SVG file at docs/diagrams/<diagram-name>.svg.
Convert the Excalidraw elements to SVG:
<rect> with rx for roundness<ellipse><text> elements with appropriate font styling<path> or <line> with arrow markers<style> block for common text stylesSVG structure:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 [width] [height]" width="[width]" height="[height]">
<style>
/* Define text styles here */
</style>
<rect width="[width]" height="[height]" fill="#ffffff"/>
<!-- Elements here -->
<defs>
<!-- Arrow markers here -->
</defs>
</svg>
Tell the user:
Created:
- docs/diagrams/<diagram-name>.excalidraw
- docs/diagrams/<diagram-name>.svg
Would you like me to add this diagram to your documentation?
If user agrees, use Glob and Read to find relevant markdown files (README.md, docs/*.md) and offer to add an image reference:

For "API gateway with microservices":
For "User login flow":