·excalidraw-design-guide
</>

excalidraw-design-guide

Load when drawing any Excalidraw diagram. Provides color palette (hex codes), sizing formulas to prevent text truncation, spacing rules to prevent overlaps, arrow styles, layout patterns, and diagram templates for architecture, flowchart, and ER diagrams. Use when asked to draw, visualize, diagram, or create any chart.

7Installs·1Trend·@opencoredev

Installation

$npx skills add https://github.com/opencoredev/excalidraw-cli --skill excalidraw-design-guide

How to Install excalidraw-design-guide

Quickly install excalidraw-design-guide AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/opencoredev/excalidraw-cli --skill excalidraw-design-guide
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: opencoredev/excalidraw-cli.

SKILL.md

View raw

Stroke Colors (borders & text) | Name | Hex | Use for |

| Black | #1e1e1e | Default text & borders | | Red | #e03131 | Errors, warnings, critical | | Green | #2f9e44 | Success, approved, healthy | | Blue | #1971c2 | Primary actions, links | | Purple | #9c36b5 | Services, middleware | | Orange | #e8590c | Async, queues, events | | Cyan | #0c8599 | Data stores, databases |

Fill Colors (backgroundColor — pastel) | Name | Hex | Pairs with stroke |

Load when drawing any Excalidraw diagram. Provides color palette (hex codes), sizing formulas to prevent text truncation, spacing rules to prevent overlaps, arrow styles, layout patterns, and diagram templates for architecture, flowchart, and ER diagrams. Use when asked to draw, visualize, diagram, or create any chart. Source: opencoredev/excalidraw-cli.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/opencoredev/excalidraw-cli --skill excalidraw-design-guide
Category
</>Dev Tools
Verified
First Seen
2026-02-25
Updated
2026-03-11

Browse more skills from opencoredev/excalidraw-cli

Quick answers

What is excalidraw-design-guide?

Load when drawing any Excalidraw diagram. Provides color palette (hex codes), sizing formulas to prevent text truncation, spacing rules to prevent overlaps, arrow styles, layout patterns, and diagram templates for architecture, flowchart, and ER diagrams. Use when asked to draw, visualize, diagram, or create any chart. Source: opencoredev/excalidraw-cli.

How do I install excalidraw-design-guide?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/opencoredev/excalidraw-cli --skill excalidraw-design-guide Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/opencoredev/excalidraw-cli

Details

Category
</>Dev Tools
Source
skills.sh
First Seen
2026-02-25

Related Skills