excalidraw-diagram

You can generate architecture diagrams by providing natural-language descriptions to this Skill, which converts them into Excalidraw JSON. It uses a Playwright-based pipeline to render the output and iteratively validate the visual layout.

Yes, you can include concrete evidence artifacts like code snippets, JSON payload examples, and real event names. The Skill embeds these specific proofs directly within the generated Excalidraw diagrams to ensure technical accuracy.

The diagram generation process automatically detects layout defects like overlap, clipping, and misrouted arrows. It renders the Excalidraw JSON as a PNG using Playwright and iterates until the visual output is correct.

You customize the color palette by editing the references/color-palette.md file. This centralizes styling so your generated Excalidraw diagrams follow your brand guidelines without requiring changes to the underlying generation logic.

The best way to explain system workflows and protocol sequences is to use visual argument diagrams where shapes mirror concepts, such as timelines for sequences or fan-outs for one-to-many relationships, which this Skill generates automatically.

Yes, you need Playwright installed because the render-and-validate workflow depends on it to output PNGs. This allows the agent to visually inspect the Excalidraw diagrams and fix any detected layout defects.