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
Related Skills
moai-library-mermaid
OtherThis 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.
moai-library-shadcn
OtherThis 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.
moai-library-nextra
OtherThis 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.
moai-library-shadcn
OtherThis 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.