moai-library-mermaid

hnabyz-bot

Updated 3 days ago

5 views

Otherlibrarymermaiddiagramsflowchartsequencevisualizationdocumentation

About

This skill enables Mermaid diagram creation in Claude Code using MCP Playwright for rendering. It supports all 21 Mermaid diagram types including architecture diagrams and flowcharts with SVG/PNG output. Developers should use it for visual documentation needs with enterprise patterns and best practices.

Quick Install

Claude Code

Recommended

Primary

npx skills add hnabyz-bot/fpga-work -a claude-code

Plugin CommandAlternative

/plugin add https://github.com/hnabyz-bot/fpga-work

Git CloneAlternative

git clone https://github.com/hnabyz-bot/fpga-work.git ~/.claude/skills/moai-library-mermaid

Copy and paste this command in Claude Code to install this skill

GitHub Repository

hnabyz-bot/fpga-work

Path: .claude/skills/moai-library-mermaid

Related Skills

moai-library-mermaid

Other

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.

View skill

moai-library-shadcn

Other

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.

View skill

moai-library-shadcn

Other

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.

View skill

moai-library-nextra

Other

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.

View skill