·mermaid-visualizer
</>

mermaid-visualizer

axtonliu/axton-obsidian-visual-skills

Transform text content into professional Mermaid diagrams for presentations and documentation. Use when users ask to visualize concepts, create flowcharts, or make diagrams from text. Supports process flows, system architectures, comparisons, mindmaps, and more with built-in syntax error prevention.

247Installs·8Trend·@axtonliu

Installation

$npx skills add https://github.com/axtonliu/axton-obsidian-visual-skills --skill mermaid-visualizer

SKILL.md

Convert text content into clean, professional Mermaid diagrams optimized for presentations and documentation. Automatically handles common syntax pitfalls (list syntax conflicts, subgraph naming, spacing issues) to ensure diagrams render correctly in Obsidian, GitHub, and other Mermaid-compatible platforms.

Process Flow (graph TB/LR) Best for: Workflows, decision trees, sequential processes, AI agent architectures

Use when: Content describes steps, stages, or a sequence of actions

Transform text content into professional Mermaid diagrams for presentations and documentation. Use when users ask to visualize concepts, create flowcharts, or make diagrams from text. Supports process flows, system architectures, comparisons, mindmaps, and more with built-in syntax error prevention. Source: axtonliu/axton-obsidian-visual-skills.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/axtonliu/axton-obsidian-visual-skills --skill mermaid-visualizer
Category
</>Dev Tools
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is mermaid-visualizer?

Transform text content into professional Mermaid diagrams for presentations and documentation. Use when users ask to visualize concepts, create flowcharts, or make diagrams from text. Supports process flows, system architectures, comparisons, mindmaps, and more with built-in syntax error prevention. Source: axtonliu/axton-obsidian-visual-skills.

How do I install mermaid-visualizer?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/axtonliu/axton-obsidian-visual-skills --skill mermaid-visualizer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/axtonliu/axton-obsidian-visual-skills

Details

Category
</>Dev Tools
Source
skills.sh
First Seen
2026-02-01