Free SKILL.md scraped from GitHub. Clone the repo or copy the file directly into your Claude Code skills directory.
npx versuz@latest install vivekkarmarkar-claude-code-os-skills-drawgit clone https://github.com/VivekKarmarkar/claude-code-os.gitcp claude-code-os/SKILL.MD ~/.claude/skills/vivekkarmarkar-claude-code-os-skills-draw/SKILL.md--- name: draw description: Use when the user wants to draw, sketch, diagram, or visualize something using Excalidraw. Triggers on "draw", "sketch", "diagram", "excalidraw", "visualize", "make a drawing", "draw me", or any request to create a visual diagram or illustration. user-invocable: true --- # /draw — Draw with Excalidraw Arguments passed: `$ARGUMENTS` ## Workflow ### Step 1: Health Check Invoke the `mcp-health` skill with argument `excalidraw`: ``` Skill: mcp-health, args: "excalidraw" ``` After the health check completes, evaluate the result: - If Excalidraw is **DOWN**, **not found**, or tools fail to load → inform the user: > "Excalidraw MCP is not connected. Add it to your MCP settings (`https://mcp.excalidraw.com/mcp`) and restart the session." **STOP here.** Do not proceed. - If Excalidraw is **HEALTHY** → continue to Step 2. ### Step 2: Determine What to Draw - If `$ARGUMENTS` is non-empty → use it as the drawing description - If `$ARGUMENTS` is empty → ask the user: "What would you like me to draw?" and wait for their response ### Step 3: Read API Load excalidraw tools via ToolSearch, then call `mcp__excalidraw__read_me` to understand available tools and parameters. ### Step 4: Create the Drawing Call `mcp__excalidraw__create_view` to create the diagram based on the user's description. Design principles: - Use clear labels and spacing - Group related elements logically - Use color to distinguish categories - Keep it simple — prefer clarity over complexity If the diagram needs multiple iterations (complex layouts), call `create_view` multiple times to refine. ### Step 5: Export and Share Call `mcp__excalidraw__export_to_excalidraw` to generate a shareable link. ### Step 6: Present Result Show the user the shareable Excalidraw link. Format: > Here's your diagram: [link] > > You can view and edit it in your browser.