Add exgram skill

Adds exgram to Development & Code Tools, linking to the maintained repo (same convention as Chrome Relay, lean-ctx, and D3.js Visualization).

What problem it solves

Getting a real, editable diagram out of an agent usually means a separate web app, an editor plugin, or settling for a static image. exgram turns a natural-language prompt — or a screenshot of an existing diagram — into a live Excalidraw board that opens in the browser and re-renders in place as you refine it by chatting. The result is a real canvas you can hand-edit and export to .excalidraw, PNG, or SVG, not a flat picture. Runs entirely on the agent with no API key.

Who uses this workflow

Developers and teams sketching architecture, infra, database/ER schemas, flowcharts, state machines, sequence diagrams, and mind maps — or turning a whiteboard photo into something they can keep editing.

How it's used

Install: npx skills add mamadoudicko/exgram --agent claude-code

Then just ask:

"Diagram our auth flow." "Draw the orders database schema." "Turn this screenshot into an editable diagram." (attach an image)

exgram draws a first version, opens a live board, and keeps re-rendering in place (preserving zoom/pan) as you ask for changes. Several boards can be live at once.

Notes

• Pure Node (>= 18), no node_modules, no build step. Pulls Excalidraw from a CDN on first load.
• MIT licensed. Uses the open-source @excalidraw/excalidraw package; not affiliated with Excalidraw.

By @mamadoudicko