← ClaudeAtlas

excalidrawlisted

Generate and modify Excalidraw diagrams from natural language and code analysis using skeleton JSON and a Node.js converter
fakoli/fakoli-plugins · ★ 4 · Data & Documents · score 77
Install: claude install-skill fakoli/fakoli-plugins
# Excalidraw Diagram Generation Skill Generate `.excalidraw` diagram files from natural language descriptions or code analysis. Uses a skeleton JSON intermediate format and a zero-dependency Node.js converter script. ## Quick Reference | Action | How | |--------|-----| | Create a diagram | Generate skeleton JSON, pipe to converter | | Modify a diagram | Read existing file, generate additions skeleton with `--modify` | | Change layout | Set `"layout"` in skeleton: `grid`, `top-down`, `left-right` | | Change theme | Set `"theme"` in skeleton: `default`, `blueprint`, `warm`, `monochrome` | ## Converter Script Location ```bash CONVERTER_PATH="${CLAUDE_PLUGIN_ROOT}/scripts/convert.js" ``` ## Workflow ### 1. Create a New Diagram Write skeleton JSON to a temp file, then run the converter: ```bash # Write skeleton to temp file cat > /tmp/excalidraw-skeleton.json << 'SKELETON_EOF' { "type": "excalidraw-skeleton", "version": 1, "theme": "default", "layout": "top-down", "elements": [ { "type": "ellipse", "id": "start", "label": "Start", "color": "green", "width": 120, "height": 60 }, { "type": "rectangle", "id": "process", "label": "Process Data", "color": "blue" }, { "type": "diamond", "id": "decision", "label": "Valid?", "color": "orange", "width": 140, "height": 100 }, { "type": "rectangle", "id": "success", "label": "Save Result", "color": "green" }, { "type": "rectangle", "id": "error", "label": "Handle Error", "color": "red" }, { "type":