mermaid-preview
mermaid-preview
Auto-preview Mermaid diagrams in the browser with offline-safe bundle and dark-mode support
What is mermaid-preview?
Automatically previews Mermaid diagrams in a browser tab whenever you write or edit code. Uses an inlined Mermaid bundle for offline functionality and respects your dark mode preferences with smart tab management.
- Auto-preview Mermaid diagrams on write, edit, multi-edit, and notebook edit actions
- Inlined Mermaid bundle for offline-safe operation without external dependencies
- Dark-mode aware rendering that adapts to your editor theme
- Auto-reload preview when diagram source changes
- Per-file preview tracking with LRU cache retention
- Opens preview tab once per file (configurable with MERMAID_PREVIEW_ALWAYS_OPEN=1 to force re-open on every write
How to install mermaid-preview
Claude Code install command.
/plugin install mermaid-preview@xiaolaiWorks with
Agents this plugin has been detected to support.
Related plugins
nlpm
Score, check, fix, and test natural-language artifacts across Claude Code, Codex, and Antigravity with tier-aware quality rules.
cc-suite
Bridge Claude Code, Codex CLI, and Antigravity CLI with unified agents and bidirectional delegation.
north-star
System prompt that removes confirmation-seeking, scarcity thinking, and best-practice ceiling constraints from Claude.
claude-english-buddy
English language coach that auto-corrects prompts and tracks improvement for non-native speakers
bureau
Turn AI sessions into a maintained, inspectable knowledge base with append-only logbooks, human-gated review, and dependency tracking.
anthropic-docs
Auto-updated reference skills for Claude, Anthropic API, MCP, and platform features.