Agent skill

Excalidraw PR Diagrams

by greenfield-inc in greenfield-inc/Pane

Create Excalidraw diagram JSON files and PR visual overviews that make visual arguments.

Custom licenceAuto-check passedDevelopment

Install Excalidraw PR Diagrams

skills CLI
$ npx skills add greenfield-inc/Pane --skill excalidraw-pr-diagrams -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install greenfield-inc/Pane excalidraw-pr-diagrams --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ 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-src

Use ~/.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/

Facts

Skill name
excalidraw-pr-diagrams
GitHub stars
529
Token cost
~9.4k tokens
SKILL.md length
5,110 words
Files
8 (incl. references)
Skills in repo
35
Repo updated
First seen
Licence
Custom licence

At a glance

Create Excalidraw diagram JSON files and PR visual overviews that make visual arguments.

  • Works in 7 steps: Assess Depth Required → Understand Deeply → Map Concepts to Patterns → …
  • The user wants to visualize workflows
  • SKILL.md covers Local Codex or Claude PR…, Customization, Core Philosophy and Depth Assessment (Do This First), plus 6 more sections
  • Runs Python scripts from its folder; calls uv, gh and firebase; reaches github.com and excalidraw.com

What it does

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…

When your agent uses it

  • The user wants to visualize workflows
  • Pull request changes
  • Before/after behavior
  • A shareable explainer image for reviewers

Example prompts

  • “/excalidraw-pr-diagrams”

Requirements

  • Python 3

Workflow steps

7 steps, taken from the step headings in SKILL.md.

  1. Assess Depth Required
  2. Understand Deeply
  3. Map Concepts to Patterns
  4. Ensure Variety
  5. Sketch the Flow
  6. Generate JSON
  7. Render & Validate (MANDATORY)

What it can do on your machine

Read from SKILL.md and the folder at commit 98d4f66. It shows what the files ask for, not the result of running them.

  • Tool permissions

    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.

  • Runs code

    Ships script files (Python), which the agent can run.

    Shell commands in SKILL.md call:

    • uv
    • gh
    • firebase

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • github.com
    • excalidraw.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

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.

Always · name and description, kept in context so the agent knows when to use it
~69
When it runs · the whole SKILL.md, loaded when a task matches
~9.4k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~14k

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.

Safety

Auto-check passed

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.

SKILL.md

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.”

— opening of SKILL.md by greenfield-inc, Custom licence
name
excalidraw-pr-diagrams

Read the full SKILL.md on GitHub

Files

SKILL.md and 7 other files (references) in main/src/services/paneChatBundle/skills/excalidraw-pr-diagrams of greenfield-inc/Pane.

  • SKILL.md
  • README.md
  • references/color-palette.md
  • references/element-templates.md
  • references/json-schema.md
  • references/pyproject.toml
  • references/render_excalidraw.py
  • references/render_template.html

Open the folder on GitHubat commit 98d4f66

Compare with similar skills

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.

Excalidraw PR Diagrams compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Excalidraw PR Diagrams this skillgreenfield-inc/Pane529—~9.4kAutomated safety check: PassCustom licence
Diagram Designcathrynlavery/diagram-design49k1 repos~7.6kAutomated safety check: PassMIT
Excalidraw Diagramcoleam00/excalidraw-diagram-skill5k2 repos~6.1kAutomated safety check: PassNone
Excalidraw Diagrambreferrari/obsidian-mind5k—~3.9kAutomated safety check: PassMIT
Excalidraw Skillyctimlin/mcp_excalidraw2.5k—~4.6kAutomated safety check: PassMIT
Lanshu Animated Architecture Diagramcclank/lanshu-animated-architecture-diagram995—~1.1kAutomated safety check: PassMIT

Similar skills

  • 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.

    49k GitHub starsUsed in 1 repo~7.6k tokens
    DevelopmentAuto-check passed
  • Excalidraw Diagram

    coleam00/excalidraw-diagram-skill

    Create Excalidraw diagram JSON files that make visual arguments.

    5k GitHub starsUsed in 2 repos~6.1k tokens
    DevelopmentAuto-check passed
  • Excalidraw Diagram

    breferrari/obsidian-mind

    Generate Excalidraw diagrams from text content. An agent skill from breferrari/obsidian-mind.

    5k GitHub stars~3.9k tokensUpdated 5 days ago
    DevelopmentAuto-check passed
  • Excalidraw Skill

    yctimlin/mcp_excalidraw

    Excalidraw canvas toolkit for creating, editing, and refining diagrams on a live canvas.

    2.5k GitHub stars~4.6k tokensUpdated yesterday
    DevelopmentAuto-check passed
  • Lanshu Animated Architecture Diagram

    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…

    995 GitHub stars~1.1k tokensUpdated 1 mo ago
    DevelopmentAuto-check passed
  • Excalidraw Diagram Studio

    tech-leads-club/agent-skills

    Generates Excalidraw diagram files from plain descriptions, choosing among flowcharts, mind maps, architecture, swimlane, class, sequence and ER diagrams.

    7k GitHub stars~3.6k tokensUpdated yesterday
    DevelopmentAuto-check passed

More from greenfield-inc/Pane

All 35 skills in this repo
  • Page

    greenfield-inc/Pane

    House standard for any HTML page written for a person. An agent skill from greenfield-inc/Pane.

    529 GitHub stars~759 tokensUpdated today
    Auto-check passed
  • Session Trace

    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.

    529 GitHub stars~836 tokensUpdated today
    Auto-check passed
  • Discussion

    greenfield-inc/Pane

    Have an interactive discussion about a topic, approach, feature, or bug without making code changes.

    529 GitHub stars~666 tokensUpdated today
    Auto-check passed
  • HTML Explainer

    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…

    529 GitHub stars~1.6k tokensUpdated today
    Auto-check: notes
  • Pane Work

    greenfield-inc/Pane

    Answer questions about the user's own work in Pane, read-only.

    529 GitHub stars~1.8k tokensUpdated today
    Auto-check passed
  • Runpane

    greenfield-inc/Pane

    Drive Pane through the runpane CLI. An agent skill from greenfield-inc/Pane.

    529 GitHub stars~4k tokensUpdated today
    Auto-check passed

Works with

Categories

Questions about Excalidraw PR Diagrams

What does Excalidraw PR Diagrams do?

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.

When should I use Excalidraw PR Diagrams?

Excalidraw PR Diagrams fits situations like: the user wants to visualize workflows; pull request changes; before/after behavior; A shareable explainer image for reviewers.

How do I install Excalidraw PR Diagrams in Claude Code?

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.

How do I install Excalidraw PR Diagrams in Codex?

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.

Can I use Excalidraw PR Diagrams in Cursor, Gemini CLI or GitHub Copilot?

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.

What does Excalidraw PR Diagrams need to run?

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.

Does Excalidraw PR Diagrams access the network?

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.

Is Excalidraw PR Diagrams safe to install?

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.

What licence does Excalidraw PR Diagrams use?

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.

How many tokens does Excalidraw PR Diagrams use?

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.

What are the alternatives to Excalidraw PR Diagrams?

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.

Who maintains Excalidraw PR Diagrams?

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.