mermaid-visualizer 是做什么的?
将文本内容转化为专业的Mermaid图表,适用于演示和文档。当用户需要将概念可视化、创建流程图或从文本生成图表时使用。支持流程、系统架构、对比、思维导图等多种图表类型,内置语法错误预防功能。
将文本内容转化为专业的Mermaid图表,适用于演示和文档。当用户需要将概念可视化、创建流程图或从文本生成图表时使用。支持流程、系统架构、对比、思维导图等多种图表类型,内置语法错误预防功能。
该技能可将自然语言描述或文本内容自动转换为Mermaid图表,适用于演示文稿和文档。它支持多种图表类型,包括流程图、时序图、类图、架构图、对比图和思维导图等,能够帮助用户快速将抽象概念或流程可视化。技能内置了语法错误预防机制,降低了Mermaid语法的学习成本。该技能适用于Claude Code、Cursor、Codex等AI代理平台,通过读取SKILL.md文档中的指令,解析用户输入并生成正确的Mermaid代码。它特别强调对文本内容的语义理解,自动推断最佳图表类型,并确保输出的图表语法正确、结构清晰。
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.