One-click install
npx skills add https://github.com/taewook486/real-estate-mcp --skill moai-library-mermaid-taewook486
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: moai-library-mermaid
Source: https://github.com/taewook486/real-estate-mcp/tree/main/.claude/skills/moai-library-mermaid
Command: npx skills add https://github.com/taewook486/real-estate-mcp --skill moai-library-mermaid-taewook486

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a robust solution for generating various types of diagrams directly from text descriptions, streamlining documentation and visualization workflows.

Core Features & Use Cases

  • Comprehensive Diagram Support: Supports 21 distinct diagram types, including flowcharts, sequence diagrams, class diagrams, and more.
  • Enterprise-Grade Rendering: Integrates with MCP Playwright for reliable SVG and PNG output generation.
  • Use Case: Automatically generate architecture diagrams from code comments or design specifications to keep documentation up-to-date and easily understandable.

Quick Start

Use the moai-library-mermaid skill to create a flowchart diagram from the provided Mermaid syntax.

Frequently Asked Questions about moai-library-mermaid

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render Mermaid diagrams into SVG or PNG formats?

You can render Mermaid diagrams into SVG or PNG formats using MCP Playwright integration to automate visualization and output image files directly from text syntax.

Can I generate architecture and process flow diagrams automatically from text?

Yes, generating architecture and process flow diagrams automatically from text descriptions is supported across 21 diagram types to streamline documentation and visual communication workflows.

Does this Mermaid renderer require Playwright to output PNG files?

Yes, this Skill relies on MCP Playwright integration for enterprise-grade rendering, providing the environment needed to process Mermaid syntax and output SVG or PNG files.

What is the best way to keep documentation diagrams up-to-date with code?

The best way to keep documentation diagrams up-to-date is generating them directly from code comments or design specifications using Mermaid syntax, ensuring architecture visuals remain synchronized with the codebase.

What types of diagrams can I create with Mermaid and Playwright?

With Mermaid and Playwright, you can create 21 distinct diagram types including flowcharts, sequence diagrams, class diagrams, and data visualizations for comprehensive enterprise documentation needs.