Skill

diagramming

Generate Excalidraw diagrams. Use when creating flowcharts, ER diagrams, sequence diagrams, block diagrams, or any .excalidraw files.

Install

npx claudepluginhub joshuarweaver/cascade-code-general-misc-1 --plugin tenzir-claude-plugins

Tool Access

This skill uses the workspace's default tool permissions.

Preview

Generate valid `.excalidraw` JSON files.

Supporting Assets

references/elements/frames.mdreferences/elements/freedraw.mdreferences/elements/images.mdreferences/elements/linear.mdreferences/elements/polygons.mdreferences/elements/shapes.mdreferences/elements/text.mdreferences/styling/colors.mdreferences/styling/fill-stroke.mdreferences/styling/grouping.mdreferences/styling/positioning.md

SKILL.md

Similar Skills

cache-components

Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.

cache-components

139.2k

mcp-builder

9 files

Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).

anthropics-skills-13

124.2k

canvas-design

20 files

Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.

anthropics-skills-13

124.2k

Stats

Parent Repo Stars3

Parent Repo Forks0

Last CommitJan 7, 2026

Actions

View Source View Plugin View on GitHub View README

Diagramming with Excalidraw

Generate valid .excalidraw JSON files.

File Format

{
  "type": "excalidraw",
  "version": 2,
  "source": "https://excalidraw.com",
  "elements": [],
  "appState": {
    "viewBackgroundColor": "#ffffff"
  },
  "files": {}
}

Field	Type	Description
`type`	string	Always `"excalidraw"`
`version`	number	Schema version (currently `2`)
`source`	string	Origin URL
`elements`	array	All diagram elements
`appState`	object	Canvas settings (background, etc.)
`files`	object	Binary files keyed by fileId (images)

Workflow

Plan - Choose diagram type, layout, colors
Generate - Create elements with proper structure
Validate - Check bindings and structure before writing

Validation Checklist

Before writing a diagram, verify:

Bindings

Arrows connecting shapes have both startBinding and endBinding set
Arrow x,y sits at the source shape's edge, not floating in space
Shapes list connected arrows in their boundElements (bidirectional)
Text labels have containerId pointing to their container
Containers have boundElements referencing their text

Polygons

Polygon labels use groupIds (not containerId)
Text positioned manually at polygon center
Polygons cannot have arrow bindings - bind to grouped text label instead
Polygon's boundElements must be null

Layout

Elements don't overlap unexpectedly
Arrows route around shapes, not through them
Minimum 40px between sibling elements
All IDs are unique
Label text matches actual names (verify spelling)

Text

Use standard font sizes: S (16), M (20), L (28), XL (36)
Bound text: set containerId, textAlign: "center", verticalAlign: "middle"
Position bound text at container center; Excalidraw adjusts automatically

Frames (presentations only)

Frames are slides/artboards, not for grouping elements in a single diagram

Reference Index

Load references progressively based on need:

Elements

Reference	Load When
shapes.md	Using rectangles, diamonds, ellipses
text.md	Adding labels, fonts, text styling
linear.md	Creating arrows, lines, bindings
freedraw.md	Hand-drawn paths
images.md	Embedding images
frames.md	Slides/artboards for presentations
polygons.md	Custom polygon shapes

Styling

Reference	Load When
fill-stroke.md	Fill patterns, strokes
colors.md	Color palette selection
positioning.md	Layout, alignment, spacing
grouping.md	Groups, z-ordering