How do I view the generated files in Obsidian?

Once Claude saves the file, open it in Obsidian, click the 'More Options' (three dots) menu in the top right, and select 'Switch to EXCALIDRAW VIEW'.

What is the Excalidraw Diagram skill?

It is a specialized capability for Claude Code that enables the AI to generate Excalidraw-formatted visual diagrams from text prompts and save them as Obsidian-ready Markdown files.

Can I request specific styles or colors?

Yes. While the skill has a default professional palette, you can ask Claude to use specific colors, adjust element positions, or add more detail to the layout.

Which diagram types can it create?

The skill can generate flowcharts, mind maps, hierarchy charts, relationship diagrams, comparison charts, timelines, matrices, and freeform layouts.

Where does Claude save the diagram files?

The skill automatically saves the generated .md files to your current working directory, using a naming format like [topic].[type].md.

Excalidraw Diagram Generator

Name: Excalidraw Diagram Generator
Author: Jst-Well-Dan

byJst-Well-Dan

•

Productivity & Workflow

Generates production-ready Excalidraw diagrams and flowcharts from text descriptions for seamless integration with Obsidian.

The Excalidraw Diagram skill transforms Claude into a visual architect capable of turning complex ideas, workflows, and system designs into interactive Excalidraw files. It automatically analyzes input text to select the most effective visualization—whether it's a flowchart, mind map, or relationship diagram—and generates a fully formatted Obsidian-ready Markdown file. Designed for developers and knowledge workers, it enforces a professional design system featuring hand-drawn aesthetics, structured layouts, and automated file management to streamline the documentation process.

Key Features

01Generates Obsidian-compatible .md files with correct frontmatter and plugin markers.

024 GitHub stars

03Applies a professional design system with hand-drawn fonts (fontFamily 5) and cohesive color palettes.

04Converts text descriptions into valid Excalidraw JSON schemas automatically.

05Automates file saving to the current working directory with descriptive naming conventions.

06Supports 8+ diagram types including flowcharts, mind maps, matrices, and timelines.

Use Cases

01Mapping out software architecture and data flows during technical design phases.

02Creating visual project roadmaps and brainstorming mind maps directly within Obsidian.

03Documenting complex business logic and user journeys for technical documentation.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jst-well-dan/skill-box excalidraw-diagram

For use in Claude.ai and ChatGPT

Download Skill