do-library-mermaid

Community

Enterprise Mermaid diagrams with MCP Playwright.

Software Engineering #documentation #mermaid #playwright #svg #architecture-diagrams #diagram-rendering

Authoryejune

Version1.0.0

Installs0

System Documentation

What problem does it solve?

Claude Code용 엔터프라이즈 Mermaid 다이어그램 작성과 문서화를 코드/구성으로 자동화하여 아키텍처 시각화를 간소화합니다.

Core Features & Use Cases

Mermaid 다이어그램의 엔터프라이즈 레벨 생성 및 렌더링을 MCP Playwright 통합으로 SVG/PNG 출력과 함께 제공합니다.
시스템 구성도, 시퀀스 다이어그램, 클래스 다이어그램 등 다양한 다이어그램 유형의 자동화된 생성과 문서화 워크플로우를 지원합니다.
사용 사례: 다중 서비스 아키텍처의 현재 토폴로지를 코드로 정의하고 자동으로 시스템 컨텍스트 다이어그램을 생성하여 설계 검토에 활용합니다.

Quick Start

MCP Playwright가 활성화된 프로젝트에서 코드/구성으로 Mermaid 다이어그램을 렌더링하기 위해 do-library-mermaid 스킬을 사용합니다. 예를 들어 현재 저장소의 아키텍처 다이어그램을 자동으로 생성하도록 호출합니다.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: do-library-mermaid
Download link: https://github.com/yejune/do-focus/archive/main.zip#do-library-mermaid

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.

View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.