coleam00coleam00Communityยท2 Agent Skills Included

excalidraw-diagram-skill

Generate professional Excalidraw diagrams from plain-English descriptions

Generates polished Excalidraw diagrams from natural language descriptions of workflows, architectures, and concepts. Eliminates manual shape dragging, messy layouts, and generic box-and-arrow charts by matching each concept to a meaningful visual pattern. Renders and visually validates every diagram automatically, fixing overlaps and alignment issues before delivery. Supports custom brand colors through a single editable palette file.
npx skills add coleam00/excalidraw-diagram-skill --all -g -y

All Skills in This Repository (2)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install Excalidraw Diagram Skill?โ–ผ

Run `npx skills add coleam00/excalidraw-diagram-skill --all -g -y` in your terminal to install the skill globally for your AI agent.

How to create diagrams with AI?โ–ผ

Just describe the workflow, architecture, or concept in plain English and your agent generates a complete Excalidraw diagram with proper layout, colors, and connections.

Does it check diagrams for visual errors?โ–ผ

Yes. A built-in Playwright render pipeline converts each diagram to an image so the agent can spot and fix overlapping text, misaligned arrows, and spacing issues before delivering.

Can I use my own brand colors?โ–ผ

Yes. All colors live in a single color-palette.md file, so editing that one file makes every generated diagram follow your brand style.

Which AI agents support this skill?โ–ผ

It works with any agent that supports the SKILL.md standard, including Claude Code, OpenCode, Cursor, and Codex.

Related Repositories in Design & Creative

View All in Design & Creativeโ†’