Obsidian Viz — Development skill for Claude Code

Obsidian Viz

[English](#english) | [中文](#中文)

---

📊 Obsidian Visualization Skill for OpenClaw

A powerful OpenClaw skill for generating Obsidian-compatible visualization files. Transform text descriptions or images into editable diagrams, flowcharts, mind maps, and more.

  

✨ Features

• **Two Input Modes**

  • 📝 Text Description: Create charts from concept/process descriptions
  • 🖼️ Image Input: Understand IM images (screenshots, diagrams) and redraw as editable formats

• **Multiple Output Formats**

  • Obsidian Mode (default): .md / .canvas files, directly openable in Obsidian
  • Standard Mode: .mmd / .excalidraw / .html, universal formats

• **Supported Chart Types**

  • Flowcharts, Sequence Diagrams, Mind Maps
  • Architecture Diagrams, ER Diagrams, Class Diagrams
  • Gantt Charts, Timelines, Comparison Charts
  • Free-layout Canvas networks

---

🚀 Installation

Method 1: ClawHub (Recommended)

clawhub install obsidian-viz

Method 2: Manual Installation

# Clone this repository
git clone https://github.com/your-username/obsidian-viz.git

# Move to OpenClaw skills directory
mv obsidian-viz ~/.openclaw/workspace/skills/obsidian-viz

---

📖 Usage Examples

1. Create from Text Description

**User**: "Create a flowchart showing the user login process"

The skill will generate a Mermaid flowchart:

graph TD
    A[User enters credentials] --> B{Valid?}
    B -->|Yes| C[Login Successful]
    B -->|No| D[Show Error]
    D --> A

2. Redraw from Image

Send a screenshot/diagram image, and the skill will:

1. Analyze the image content
2. Identify the chart type
3. Redraw as editable Obsidian format

3. Export to Standard Format

Add "standard format" or "excalidraw.com" to export as