moai-library-mermaid
About
This skill enables Mermaid diagram generation in Claude Code using MCP Playwright for rendering architecture diagrams, flowcharts, and sequence diagrams. It provides complete Mermaid 11.12.2 syntax support for 21 diagram types with SVG/PNG output capabilities. Developers should use it when creating visual documentation or technical diagrams directly within their Claude workflow.
Quick Install
Claude Code
Recommendednpx skills add yarang/chatbot_ai_assistant_v2 -a claude-code/plugin add https://github.com/yarang/chatbot_ai_assistant_v2git clone https://github.com/yarang/chatbot_ai_assistant_v2.git ~/.claude/skills/moai-library-mermaidCopy and paste this command in Claude Code to install this skill
GitHub Repository
Frequently asked questions
What is the moai-library-mermaid skill?
moai-library-mermaid is a Claude Skill by yarang. Skills package instructions and resources that Claude loads on demand, so Claude can perform moai-library-mermaid-related tasks without extra prompting.
How do I install moai-library-mermaid?
Use the install commands on this page: add moai-library-mermaid to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does moai-library-mermaid belong to?
moai-library-mermaid is in the library category, tagged library, mermaid, diagrams, flowchart, sequence and visualization.
Is moai-library-mermaid free to use?
Yes. moai-library-mermaid is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
Related Skills
This skill enables Mermaid diagram generation in Claude Code using MCP Playwright for rendering. It provides complete syntax support for all 21 Mermaid diagram types including flowcharts, sequence diagrams, and ER diagrams. Use it when you need to create and render enterprise-quality diagrams directly within your development workflow.
This Claude Skill provides expert guidance for implementing shadcn/ui component libraries in enterprise React applications. It offers AI-powered architecture, design system automation, and intelligent component orchestration with Tailwind CSS integration. Use it for shadcn/ui discussions, React component planning, and design token configuration.
This Claude Skill provides expert guidance for implementing shadcn/ui component libraries in enterprise React applications. It offers AI-powered architecture, automated theme customization, and intelligent component orchestration with Context7 integration. Use it for shadcn/ui discussions, React component planning, and Tailwind CSS design token configuration.
This skill provides an enterprise-ready Nextra framework for building professional documentation sites with Next.js. It enables developers to create MDX-based documentation with file-system routing, theme customization, and built-in i18n support. Use it when you need to quickly set up a performant, customizable documentation site with Next.js and Nextra's zero-config approach.