whereismyai
Obsidian Visual Skills
Obsidian Visual Skills is an Obsidian visual skills pack generates Canvas, Excalidraw, and Mermaid diagrams from text using Claude Code.
Obsidian Visual Skills is a public prototype that provides prompt-based extensions for Claude Code to generate visual diagrams. It features three main skills: an Excalidraw diagram generator supporting hand-drawn style flowcharts, mind maps, and animations; a Mermaid visualizer creating process flows, sequence diagrams, and mindmaps; and an Obsidian Canvas creator producing valid JSON canvas files with mindmap or freeform layouts. These skills work as markdown files loaded on demand by Claude Code without complex setup. The tool is designed for users who want to turn text content into interactive visual artifacts within Obsidian, GitHub, and other renderers. It is available under an MIT license.
Obsidian Visual Skills at a glance
Key features
- Generate hand-drawn style Excalidraw diagrams
- Create Mermaid diagrams from text
- Build interactive Obsidian Canvas files
- Support multiple diagram types like flowcharts and mind maps
- Provide three output modes for Excalidraw
- Include built-in syntax error prevention for Mermaid
- Apply smart node sizing and color-coded nodes for Canvas
Use it for
- Generate step-by-step process flowcharts from text
- Create concept expansion mind maps
- Produce system architecture sequence diagrams
- Build interactive Obsidian Canvas mind maps
- Design comparison diagrams for data analysis
Companions
Tools that articles about Obsidian Visual Skills recommend using with it, each with its job.
- Claude Code — Built to work with Claude Code.
- Context7 — Provides up-to-date documentation for AI agents and code editors.
- Playwright MCP — Enables LLMs to interact with web pages using structured accessibility snapshots.
- GitHub MCP Server — Reads pull requests, issues and code search on GitHub.
- Superpowers — Brainstorm, plan and execute skills for bigger tasks.
- gstack — Skill bundle for planning, review and shipping.
Alternatives to Obsidian Visual Skills
- Obsidian Skills — Integrates AI agents directly with Obsidian vaults and markdown files.
- Claudian — Turns an Obsidian vault into a functional directory for AI agents.
- Markdown Viewer Skills — Extends AI coding agents with structured visualization capabilities.
- Claude Obsidian — Maintains user ownership of files in a local-first, source-cited vault.
- ThinkBoard — Edit Obsidian canvases instantly from a dashboard overlay above your desktop.
- Obsidian Wiki — Compiles knowledge into markdown and carries context across agent sessions.
- Obsidian Mind — It gives AI coding agents persistent memory so they never forget past context.
- Draw.io Skill — Synchronizes diagrams with code changes without discarding manual layout adjustments.
- Fireworks Tech Graph — Generates geometry-safe, semantically accurate technical diagrams from text.
- SeeCode — Turns agent specs into animated, interactive HTML diagrams with multiple export options.
- Obsidian Second Brain — Agent memory as plain Markdown notes that keep themselves current
- MCP Obsidian — Connects Claude directly to read, search, and edit notes in an Obsidian vault.
All Obsidian Visual Skills alternatives