nubiv/excalidraw-diagram
nix-darwin/config/claude/skills/obsidian-skills/skills/excalidraw-diagram/SKILL.md
Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation order). Use when user mentions "Excalidraw", "diagram", "flowchart", "mind map", "visualize", "standard excalidraw", "animated diagram", or "animate".
content-media
Updated Apr 27, 2026
$ install --global
skillsauthnpx skillsauth add nubiv/my-nome excalidraw-diagramInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: May 1, 2026, 1:22 AM232.3s1 file scanned
SKILL.md
- name:
- excalidraw-diagram
- description:
- Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation order). Use when user mentions "Excalidraw", "diagram", "flowchart", "mind map", "visualize", "standard excalidraw", "animated diagram", or "animate".
- version:
- 1.3.0
Excalidraw Diagram Generator
Create Excalidraw diagrams from text content with multiple output formats.
Output Modes
| Trigger Words | Output Mode | File Format | Use Case |
|---------------|-------------|-------------|----------|
| Excalidraw, diagram, flowchart, mind map, visualize | Obsidian (default) | .md | Open directly in Obsidian |
| standard excalidraw | Standard | .excalidraw | Open/edit/share on excalidraw.com |
| animated diagram, animate | Animated | .excalidraw | Drag to excalidraw-animate to create animation |
Workflow
- Detect output mode from trigger words (see Output Modes table above)
- Choose diagram type — see references/diagram-types.md
- Plan layout — apply rules from references/design-rules.md and references/color-palette.md
- Generate JSON — use templates from references/element-types.md; add
customData.animateif Animated mode - Wrap output in correct format — see references/json-structure.md
- Save file to current working directory using the Write tool
- Notify user with file path, how to open, and design choices made
Auto-save Steps
- Choose diagram type → references/diagram-types.md
- Generate file name → references/json-structure.md (File Naming section)
- Save with Write tool to
{current_directory}/[filename] - Verify JSON validity: unique element IDs, correct
appState,files: {}
Example Output Messages
Obsidian mode:
Excalidraw diagram generated!
Saved to: business-model.relationship.md
How to open:
1. Open this file in Obsidian
2. Click MORE OPTIONS in the top-right menu
3. Select "Switch to EXCALIDRAW VIEW"
Standard mode:
Excalidraw diagram generated!
Saved to: business-model.relationship.excalidraw
How to open:
1. Go to https://excalidraw.com
2. Click the top-left menu → Open → select this file
3. Or drag and drop the file onto the excalidraw.com page
Animated mode:
Animated Excalidraw diagram generated!
Saved to: business-model.relationship.animate.excalidraw
Animation order: title (1) → main frames (2-4) → connectors (5-7) → detail labels (8-10)
To generate animation:
1. Go to https://dai-shi.github.io/excalidraw-animate/
2. Click "Load File" and select this file
3. Preview the animation
4. Click "Export" to save as SVG or WebM
References
| File | Contents | |------|----------| | color-palette.md | Text colors, shape fills, zone backgrounds, contrast rules | | design-rules.md | Text/format rules, layout rules, common mistakes | | diagram-types.md | Diagram type selection guide | | element-types.md | Element templates, font family, fill/stroke/roundness, binding, animated customData | | json-structure.md | JSON wrappers, Obsidian file format, file naming |
Related Skills
nubiv/devlog
development
VerifiedTrustedCommunity
Manage devlogs (session journal entries) under the active repo's `.claude/devlogs/`. Subcommands - `write` creates a new date-stamped entry, `read` loads existing entries into context. Use when the user invokes `/devlog <subcommand>` or asks to write, save, recall, or load today's/recent devlogs.
SKILL.mdUpdated May 23, 2026
nubiv/wiki
development
VerifiedTrustedCommunity
Run MY_WIKI operations (ingest, query, research, lint). Use when the user wants to add sources to the wiki, ask questions against it, research new topics from the web, or audit its quality.
SKILL.mdUpdated Apr 27, 2026
nubiv/obsidian-markdown
testing
VerifiedTrustedCommunity
Create and edit Obsidian Flavored Markdown with wikilinks, embeds, callouts, properties, and other Obsidian-specific syntax. Use when working with .md files in Obsidian, or when the user mentions wikilinks, callouts, frontmatter, tags, embeds, or Obsidian notes.
SKILL.mdUpdated Apr 27, 2026
nubiv/obsidian-cli
tools
VerifiedTrustedCommunity
Interact with Obsidian vaults using the Obsidian CLI to read, create, search, and manage notes, tasks, properties, and more. Also supports plugin and theme development with commands to reload plugins, run JavaScript, capture errors, take screenshots, and inspect the DOM. Use when the user asks to interact with their Obsidian vault, manage notes, search vault content, perform vault operations from the command line, or develop and debug Obsidian plugins and themes.
SKILL.mdUpdated Apr 27, 2026