moai-library-mermaid
About
This skill enables developers to create and render Mermaid diagrams (architecture, flowcharts, sequence diagrams) directly within Claude Code. It supports 21 diagram types and uses MCP Playwright to generate SVG/PNG outputs. Use it for visual documentation and enterprise diagramming with ready-to-use examples and best practices.
Quick Install
Claude Code
Recommendednpx skills add mattnigh/skills_collection -a claude-code/plugin add https://github.com/mattnigh/skills_collectiongit clone https://github.com/mattnigh/skills_collection.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-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.
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.