Back to skills
SkillHub ClubWrite Technical DocsTech WriterDesigner

excalidraw

This skill analyzes codebases to generate Excalidraw architecture diagrams. It provides detailed rules for JSON formatting, arrow placement, and shape labeling to ensure valid output. The skill includes validation logic and troubleshooting guides for common diagram generation issues.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
303
Hot score
99
Updated
March 20, 2026
Overall rating
A8.0
Composite score
6.0
Best-practice grade
B75.6

Install command

npx @skill-hub/cli install ooiyeefei-ccc-excalidraw
architecture-diagramcode-visualizationexcalidrawdocumentation-generationsystem-design

Repository

ooiyeefei/ccc

Skill path: skills/excalidraw

This skill analyzes codebases to generate Excalidraw architecture diagrams. It provides detailed rules for JSON formatting, arrow placement, and shape labeling to ensure valid output. The skill includes validation logic and troubleshooting guides for common diagram generation issues.

Open repository

Best for

Primary workflow: Write Technical Docs.

Technical facets: Tech Writer, Designer.

Target audience: Documentation teams looking for install-ready agent workflows..

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: ooiyeefei.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install excalidraw into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/ooiyeefei/ccc before adding excalidraw to shared team environments
  • Use excalidraw for documentation workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

excalidraw | SkillHub