Diagram Design
cathrynlavery/diagram-design
Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.
Create Excalidraw diagram JSON files and PR visual overviews that make visual arguments.
$ npx skills add greenfield-inc/Pane --skill excalidraw-pr-diagrams -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install greenfield-inc/Pane excalidraw-pr-diagrams --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/greenfield-inc/Pane.git skills-src && mkdir -p .claude/skills && cp -r skills-src/main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams .claude/skills/excalidraw-pr-diagrams && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "excalidraw-pr-diagrams" agent skill from https://github.com/greenfield-inc/Pane/tree/main/main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams into .claude/skills/excalidraw-pr-diagrams/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "excalidraw-pr-diagrams", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/greenfield-inc/Pane/tree/main/main/src/services/paneChatBundle/skills/excalidraw-pr-diagramsType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add greenfield-inc/Pane --skill excalidraw-pr-diagrams -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install greenfield-inc/Pane excalidraw-pr-diagrams --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/greenfield-inc/Pane.git skills-src && mkdir -p .agents/skills && cp -r skills-src/main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams .agents/skills/excalidraw-pr-diagrams && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "excalidraw-pr-diagrams" agent skill from https://github.com/greenfield-inc/Pane/tree/main/main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams into .agents/skills/excalidraw-pr-diagrams/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "excalidraw-pr-diagrams", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add greenfield-inc/Pane --skill excalidraw-pr-diagrams -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install greenfield-inc/Pane excalidraw-pr-diagrams --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/greenfield-inc/Pane.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams .cursor/skills/excalidraw-pr-diagrams && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "excalidraw-pr-diagrams" agent skill from https://github.com/greenfield-inc/Pane/tree/main/main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams into .cursor/skills/excalidraw-pr-diagrams/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "excalidraw-pr-diagrams", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/greenfield-inc/Pane.git --path main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add greenfield-inc/Pane --skill excalidraw-pr-diagrams -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install greenfield-inc/Pane excalidraw-pr-diagrams --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/greenfield-inc/Pane.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams .gemini/skills/excalidraw-pr-diagrams && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "excalidraw-pr-diagrams" agent skill from https://github.com/greenfield-inc/Pane/tree/main/main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams into .gemini/skills/excalidraw-pr-diagrams/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "excalidraw-pr-diagrams", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install greenfield-inc/Pane excalidraw-pr-diagramsInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add greenfield-inc/Pane --skill excalidraw-pr-diagrams -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/greenfield-inc/Pane.git skills-src && mkdir -p .github/skills && cp -r skills-src/main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams .github/skills/excalidraw-pr-diagrams && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "excalidraw-pr-diagrams" agent skill from https://github.com/greenfield-inc/Pane/tree/main/main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams into .github/skills/excalidraw-pr-diagrams/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "excalidraw-pr-diagrams", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add greenfield-inc/Pane --skill excalidraw-pr-diagrams -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install greenfield-inc/Pane excalidraw-pr-diagrams --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/greenfield-inc/Pane.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams .opencode/skills/excalidraw-pr-diagrams && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "excalidraw-pr-diagrams" agent skill from https://github.com/greenfield-inc/Pane/tree/main/main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams into .opencode/skills/excalidraw-pr-diagrams/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "excalidraw-pr-diagrams", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
excalidraw-pr-diagramsCreate Excalidraw diagram JSON files and PR visual overviews that make visual arguments.
Excalidraw PR Diagrams is an agent skill from greenfield-inc/Pane. Create Excalidraw diagram JSON files and PR visual overviews that make visual arguments. Use when the user wants to visualize workflows, architectures, concepts, pull request changes, before/after behavior, or a shareable explainer image for reviewers.
Its SKILL.md is about 9.4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 8 other files, including reference files (for example `README.md`, `references/color-palette.md` and `references/element-templates.md`).
It sits in Development, covering Diagrams. It works with Excalidraw. The repository describes itself as: Terminal-first, open-source AI agent manager for any CLI agent (agent agnostic), any OS (mac, windows, linux). The Open-Source Agentic Development Environment for running…
7 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 98d4f66. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Ships script files (Python), which the agent can run.
Shell commands in SKILL.md call:
uvghfirebaseFrom the folder's file list and the shell code blocks in SKILL.md.
Hosts in commands or code, which the agent is likely to contact:
github.comexcalidraw.comFrom URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Excalidraw PR Diagrams loads about 9.4k tokens when it runs, and up to ~14k if it reads all its reference files. Until then it costs about 69 tokens; SKILL.md has 5,110 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 5,110 words (~9,377 tokens).
“Generate .excalidraw JSON files that argue visually, not just display information.”
SKILL.md and 7 other files (references) in main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams of greenfield-inc/Pane.
Open the folder on GitHubat commit 98d4f66
Excalidraw PR Diagrams next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Excalidraw PR Diagrams this skillgreenfield-inc/Pane | 529 | — | ~9.4k | Automated safety check: Pass | Custom licence | |
| Diagram Designcathrynlavery/diagram-design | 49k | 1 repos | ~7.6k | Automated safety check: Pass | MIT | |
| Excalidraw Diagramcoleam00/excalidraw-diagram-skill | 5k | 2 repos | ~6.1k | Automated safety check: Pass | None | |
| Excalidraw Diagrambreferrari/obsidian-mind | 5k | — | ~3.9k | Automated safety check: Pass | MIT | |
| Excalidraw Skillyctimlin/mcp_excalidraw | 2.5k | — | ~4.6k | Automated safety check: Pass | MIT | |
| Lanshu Animated Architecture Diagramcclank/lanshu-animated-architecture-diagram | 995 | — | ~1.1k | Automated safety check: Pass | MIT |
cathrynlavery/diagram-design
Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.
coleam00/excalidraw-diagram-skill
Create Excalidraw diagram JSON files that make visual arguments.
breferrari/obsidian-mind
Generate Excalidraw diagrams from text content. An agent skill from breferrari/obsidian-mind.
yctimlin/mcp_excalidraw
Excalidraw canvas toolkit for creating, editing, and refining diagrams on a live canvas.
cclank/lanshu-animated-architecture-diagram
Create premium hand-drawn architecture and process diagrams in the Lanshu animated GIF style, with editable .excalidraw files, static PNG previews, and genuinely animated GIFs with moving flow…
tech-leads-club/agent-skills
Generates Excalidraw diagram files from plain descriptions, choosing among flowcharts, mind maps, architecture, swimlane, class, sequence and ER diagrams.
greenfield-inc/Pane
House standard for any HTML page written for a person. An agent skill from greenfield-inc/Pane.
greenfield-inc/Pane
Publish an agent session as a readable trace page in Grain, with the story, key moments, every request and step on a timeline, subagents, and the pull requests it opened.
greenfield-inc/Pane
Have an interactive discussion about a topic, approach, feature, or bug without making code changes.
greenfield-inc/Pane
The house standard for any skill that renders an HTML page for a person to read, covering design tokens, typography, components, diagrams, and quality gates so every generated page shares one calm…
greenfield-inc/Pane
Answer questions about the user's own work in Pane, read-only.
greenfield-inc/Pane
Drive Pane through the runpane CLI. An agent skill from greenfield-inc/Pane.
Works with
Categories
Create Excalidraw diagram JSON files and PR visual overviews that make visual arguments. Excalidraw PR Diagrams is an agent skill from greenfield-inc/Pane. Create Excalidraw diagram JSON files and PR visual overviews that make visual arguments.
Excalidraw PR Diagrams fits situations like: the user wants to visualize workflows; pull request changes; before/after behavior; A shareable explainer image for reviewers.
Run `npx skills add greenfield-inc/Pane --skill excalidraw-pr-diagrams -a claude-code`. Or copy the skill folder (main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams in greenfield-inc/Pane) into .claude/skills/excalidraw-pr-diagrams in your project. Claude Code loads it when a task matches its description.
Run `npx skills add greenfield-inc/Pane --skill excalidraw-pr-diagrams -a codex`. Or copy the skill folder (main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams in greenfield-inc/Pane) into .agents/skills/excalidraw-pr-diagrams in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add greenfield-inc/Pane --skill excalidraw-pr-diagrams -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/excalidraw-pr-diagrams, .gemini/skills/excalidraw-pr-diagrams, .github/skills/excalidraw-pr-diagrams and .opencode/skills/excalidraw-pr-diagrams in your project.
Going by SKILL.md and its folder, Excalidraw PR Diagrams needs Python for the scripts in its folder and the command-line tools its instructions call (uv, gh and firebase). Our summary lists: Python 3.
SKILL.md names 2 domains. In commands or code: github.com and excalidraw.com; the agent is likely to contact these when it follows the instructions. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Excalidraw PR Diagrams has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.
About 9.4k tokens (SKILL.md is roughly 38k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 4.2k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Excalidraw PR Diagrams: Diagram Design (cathrynlavery/diagram-design, 49k stars), Excalidraw Diagram (coleam00/excalidraw-diagram-skill, 5k stars), Excalidraw Diagram (breferrari/obsidian-mind, 5k stars) and Excalidraw Skill (yctimlin/mcp_excalidraw, 2.5k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
greenfield-inc (a GitHub organization) maintains it in greenfield-inc/Pane, which has 529 GitHub stars. The repository holds 35 skills in this directory. The repository was last updated on October 11, 2026.
Source: greenfield-inc/Pane on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.