How do I view the generated diagram in Obsidian?

Once the file is generated, open it in Obsidian, click the 'More Options' (three dots) menu in the top right, and select 'Switch to EXCALIDRAW VIEW' to render the visual elements.

What diagram styles does this skill support?

It supports a wide variety of styles including flowcharts, mind maps, hierarchy charts, relationship diagrams, comparison layouts, timelines, matrices, and freeform sketches.

Does it require any specific Obsidian setup?

You must have the 'Excalidraw' community plugin installed in your Obsidian vault to view and interact with the generated .md files as diagrams.

Can I edit the diagrams after they are generated?

Yes. The skill produces standard Excalidraw JSON data, which means the resulting diagram is fully interactive and editable using the standard tools in the Obsidian Excalidraw plugin.

Obsidian Excalidraw Diagram Generator

Name: Obsidian Excalidraw Diagram Generator
Author: BCS1037

byBCS1037

•

设计工具

Generates professional Excalidraw diagrams from text descriptions directly into Obsidian-ready Markdown files.

The Obsidian Excalidraw Diagram Generator is a specialized Claude Code skill designed to transform abstract concepts, workflows, and hierarchies into high-quality visual representations. It automates the creation of Obsidian-compatible .md files populated with Excalidraw JSON data, enabling users to generate flowcharts, mind maps, and relationship diagrams through simple text commands. By adhering to specific design rules—such as the Excalifont handwriting style, standardized color palettes, and intelligent layout logic—this skill ensures that every generated visual is both aesthetically cohesive and fully editable within the Obsidian Excalidraw plugin environment.

主要功能

01Automated generation of Obsidian-ready .md files with proper Excalidraw frontmatter

02Support for 8+ diagram types including flowcharts, mind maps, matrices, and timelines

03Automatic file naming and saving to the current working directory for a seamless workflow

04Intelligent text sanitization that automatically handles special characters for JSON compatibility

05Built-in design system featuring the Excalifont handwriting style and professional color schemes

064 GitHub stars

使用场景

01Creating instant mind maps for brainstorming sessions and knowledge management in Obsidian

02Generating workflow charts and business process diagrams directly from terminal descriptions

03Visualizing complex project architectures or system logic during technical documentation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bcs1037/awesome-obsidian-skills obsidian-visual-skills

For use in Claude.ai and ChatGPT

Download Skill