✏️
FrontendTypeScript

Excalidraw

by nimbalyst

Excalidraw is a Frontend skill for Claude Code, published by nimbalyst in nimbalyst.

1.5K stars212 forkson nimbalyst/nimbalystAdded 2026/08/19+3% in starsRepository updated 2026/08/19
agentic-aiai-agentsclaude-codecodexcoding-agentdeveloper-toolsidemarkdown-editormcpmulti-agent-systemsopencodewysiwyg-editor
Install in seconds
Install Excalidraw
Copy Excalidraw into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/nimbalyst/nimbalyst/tree/main/packages/extensions/excalidraw/claude-plugin/skills/excalidraw ~/.claude/skills/excalidraw

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/nimbalyst/nimbalyst.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
packages/extensions/excalidraw/claude-plugin/skills/excalidraw/SKILL.md in nimbalyst/nimbalyst
Installs to
~/.claude/skills/excalidraw
Collection
One of 7 skills cataloged from this repository
Category
Frontend567 skills

What Excalidraw does

Excalidraw creates diagrams and visual drawings using Excalidraw (.excalidraw files) for flowcharts, architecture diagrams, system diagrams, sketches, or any visual diagram. Use when the user wants to visually communicate structure or flow.

Excalidraw is cataloged under Frontend on DirSkills. Excalidraw comes from a repository tagged agentic-ai, ai-agents, claude-code, codex and coding-agent.

Documentation

README

Excalidraw Diagrams

Excalidraw is Nimbalyst's whiteboard-style diagram editor for creating flowcharts, architecture diagrams, system diagrams, and visual sketches.

STOP AFTER ONE PASS — Do Not Thrash

The single biggest failure mode with this skill is agents creating a diagram, capturing a screenshot, noticing minor cosmetic imperfections, then clearing and rebuilding the diagram two, three, or four times without being asked. This is the wrong behavior. The user sees every rebuild, and iterations the user did not ask for are a waste of their time and attention.

Follow these rules:

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Excalidraw

  • What else does nimbalyst publish alongside Excalidraw?

    Excalidraw is one of 7 skills that DirSkills catalogs from nimbalyst/nimbalyst, the repository it ships in. Its siblings there include DataModelLM, Feedback Intake and Git Commit. Each one is a separate skill with its own page in this directory, installs the same way Excalidraw does, and is maintained by nimbalyst in that same repository. The rest of the collection is listed on the nimbalyst/nimbalyst page.

  • How does Excalidraw compare to other Frontend skills?

    Excalidraw ranks #279 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Excalidraw against them. Open each page to compare what they document and how they install.

More from nimbalyst/nimbalyst

Excalidraw is one of 7 skills cataloged on DirSkills from nimbalyst/nimbalyst.

See all 7 skills