{"enrichment":{"faq":[{"a":"Mermaid Skill enables you to create flowcharts, sequence diagrams, class diagrams, ER schemas, state machines, Gantt charts, and pie charts from simple text syntax. Each diagram type uses its own declarative format, letting you define structure and relationships without manual positioning. The skill handles rendering across all supported chart types.","q":"What diagram types does Mermaid Skill support?"},{"a":"Mermaid Skill lets you build flowcharts by writing text-based syntax that defines nodes and connections. You specify node shapes, labels, and arrow directions using simple notation\u2014for example, `A --> B` creates a connection from node A to node B. Mermaid Skill then renders the complete flowchart automatically without requiring manual layout work.","q":"How do I create a flowchart with mermaid?"},{"a":"Yes. Mermaid Skill provides guidance on mermaid diagram syntax and best practices, covering flowchart notation, sequence diagram formatting, class diagram structure, and more. The skill can explain syntax rules, show examples for each diagram type, and help you troubleshoot rendering issues when your diagrams don't display as expected.","q":"Can Mermaid Skill help me learn mermaid syntax?"},{"a":"Mermaid Skill supports multiple deployment approaches: run the mermaid CLI (mmdc) locally for offline rendering, or use the Kroki API for instant cloud-based diagram generation. Both methods export to standard formats, allowing you to embed diagrams in documentation, presentations, or web applications without manual positioning.","q":"What export options and rendering methods does Mermaid Skill offer?"},{"a":"Mermaid Skill transforms written documentation into visual diagrams by translating descriptive text into mermaid syntax. You describe your process, system architecture, or workflow in natural language, and Mermaid Skill converts it into the appropriate diagram type\u2014flowchart, sequence diagram, ER schema, or state machine\u2014ready for rendering and export.","q":"How can Mermaid Skill convert documentation into visual diagrams?"},{"a":"Mermaid Skill provides text-based syntax guidance and conversion capabilities rather than a built-in visual editor. However, it can help you generate mermaid code from descriptions and convert between documentation formats and diagram syntax. You can then use external mermaid editors or the Kroki API to preview and refine your diagrams interactively.","q":"Does Mermaid Skill include a visual editor or diagram converter?"}],"shadow_tags":["diagram-generation","flowchart-builder","visualization-tool","markdown-graphics","syntax-based-charting"],"summary_rewrite":"Create professional diagrams from simple text syntax and export to multiple formats without manual positioning. Supports flowcharts, sequence diagrams, class diagrams, ER schemas, state machines, and more\u2014run locally with mmdc or instantly via Kroki API."},"gist":{"api_url":"https://skillfed.io/api/skills/Agents365-ai/365-skills/mermaid-skill.json","as_of":"2026-07-27","description":"Mermaid Skill generates text-based diagrams and exports them to PNG, SVG. 24 stars \u00b7 updated Jul 2026. npx skillfed install Agents365-ai/365-skills/mermaid-skill","install":{"manual":["git clone https://github.com/Agents365-ai/365-skills","cp -r 365-skills ~/.claude/skills/mermaid-skill"],"primary":"npx skillfed install Agents365-ai/365-skills/mermaid-skill","version":"e8b04dfd"},"kind":"skill","mirror_url":"https://skillfed.io/Agents365-ai/365-skills/mermaid-skill.md","similar":[{"id":"Agents365-ai/365-skills/plantuml-skill","name":"Plantuml Skill","publisher":"Agents365-ai/365-skills","url":"https://skillfed.io/Agents365-ai/365-skills/plantuml-skill"},{"id":"curiositech/some_claude_skills/mermaid-graph-renderer","name":"mermaid-graph-renderer","publisher":"curiositech/some_claude_skills","url":"https://skillfed.io/curiositech/some_claude_skills/mermaid-graph-renderer"},{"id":"tech-leads-club/agent-skills/mermaid-studio","name":"Mermaid Studio","publisher":"tech-leads-club/agent-skills","url":"https://skillfed.io/tech-leads-club/agent-skills/mermaid-studio"},{"id":"mrgoonie/claudekit-skills/mermaidjs-v11","name":"Mermaidjs V11","publisher":"mrgoonie/claudekit-skills","url":"https://skillfed.io/mrgoonie/claudekit-skills/mermaidjs-v11"},{"id":"Agents365-ai/365-skills/excalidraw-skill","name":"Excalidraw Skill","publisher":"Agents365-ai/365-skills","url":"https://skillfed.io/Agents365-ai/365-skills/excalidraw-skill"}],"title":"Mermaid Skill by Agents365-ai \u2014 SkillFed","use":{"when":["Mermaid Skill lets you build flowcharts by writing text-based syntax that defines nodes and connections.","Yes."]},"what":{"lead":"Mermaid Skill generates text-based diagrams and exports them to PNG, SVG, or PDF using local tools or cloud APIs.","rest":"Create professional diagrams from simple text syntax and export to multiple formats without manual positioning. Supports flowcharts, sequence diagrams, class diagrams, ER schemas, state machines, and more\u2014run locally with mmdc or instantly via Kroki API."}},"id":"Agents365-ai/365-skills/mermaid-skill","install":{"mode":"external","repo":"https://github.com/Agents365-ai/365-skills"},"links":{"html":"https://skillfed.io/Agents365-ai/365-skills/mermaid-skill","md":"https://skillfed.io/Agents365-ai/365-skills/mermaid-skill.md","repo":"https://github.com/Agents365-ai/365-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":4,"language":"Python","last_updated":"2026-07-27","license":null,"name":"Mermaid Skill","publisher":"Agents365-ai","stars":24},"relations":{"similar":[{"id":"Agents365-ai/365-skills/plantuml-skill"},{"id":"curiositech/some_claude_skills/mermaid-graph-renderer"},{"id":"tech-leads-club/agent-skills/mermaid-studio"},{"id":"mrgoonie/claudekit-skills/mermaidjs-v11"},{"id":"Agents365-ai/365-skills/excalidraw-skill"},{"id":"narumiruna/skills/creating-mermaid-diagrams"},{"id":"imxv/Pretty-mermaid-skills/Pretty-mermaid-skills"},{"id":"zebbern/claude-code-guide/code-to-diagram"},{"id":"OpenLAIR/dr-claw/aris-mermaid-diagram"},{"id":"wanshuiyin/Auto-claude-code-research-in-sleep/mermaid-diagram"}]},"slug":{"owner":"Agents365-ai","repo":"365-skills","skill":"mermaid-skill"},"version":"e8b04dfd"}