mermaid-visualizer 是做什麼的？
將文字內容轉換為專業的 Mermaid 圖表，適用於簡報和文件。當使用者要求視覺化概念、建立流程圖或從文字生成圖表時使用。支援流程圖、系統架構、比較圖、心智圖等多種圖表類型，並內建語法錯誤預防機制。
將文字內容轉換為專業的 Mermaid 圖表，適用於簡報和文件。當使用者要求視覺化概念、建立流程圖或從文字生成圖表時使用。支援流程圖、系統架構、比較圖、心智圖等多種圖表類型，並內建語法錯誤預防機制。
此技能可將純文字描述轉換為 Mermaid 圖表，專為開發者與 AI 助手設計。它支援多種圖表類型，包括流程圖（flowchart）、系統架構圖（architecture）、比較圖（comparison）、心智圖（mindmap）等，並內建語法錯誤預防功能，確保生成的圖表能正確渲染。使用者無需熟悉 Mermaid 語法，只需用自然語言描述需求，此技能便能自動生成對應的程式碼。此技能適用於 Claude Code、Cursor 與 Codex 等 AI 代理平台，可大幅提升簡報、技術文件與系統設計的效率。其工作原理是解析使用者輸入，選擇最合適的圖表類型，然後產生無語法錯誤的 Mermaid 標記，最後提供可直接嵌入的圖表 URL 或程式碼區塊。
npx skills add https://github.com/axtonliu/axton-obsidian-visual-skills/tree/main/skills/mermaid-visualizerInstalled? Explore more 影像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
將文字內容轉換為專業的 Mermaid 圖表，適用於簡報和文件。當使用者要求視覺化概念、建立流程圖或從文字生成圖表時使用。支援流程圖、系統架構、比較圖、心智圖等多種圖表類型，並內建語法錯誤預防機制。
This repo contains 2 individual skills — each has its own dedicated page.
Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation order). Triggers on "Excalidraw", "画图", "流程图", "思维导图", "可视化", "diagram", "标准Excalidraw", "standard excalidraw", "Excalidraw动画", "动画图", "animate".
Create Obsidian Canvas files from text content, supporting both MindMap and freeform layouts. Use this skill when users want to visualize content as an interactive canvas, create mind maps, or organize information spatially in Obsidian format.
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.