mermaid-diagrams이란?
실시간 재로드를 통해 인어 다이어그램을 생성하고 개선합니다. 사용자가 순서도, 시퀀스 다이어그램, 클래스 다이어그램, ER 다이어그램, 상태 다이어그램 또는 기타 인어 시각화를 원할 때 사용합니다. mermaid_preview 및 mermaid_save 도구를 사용하여 구문, 스타일 지정 및 반복 작업 흐름에 대한 모범 사례를 제공합니다. 출처: veelenga/claude-mermaid.
실시간 재로드를 통해 인어 다이어그램을 생성하고 개선합니다. 사용자가 순서도, 시퀀스 다이어그램, 클래스 다이어그램, ER 다이어그램, 상태 다이어그램 또는 기타 인어 시각화를 원할 때 사용합니다. mermaid_preview 및 mermaid_save 도구를 사용하여 구문, 스타일 지정 및 반복 작업 흐름에 대한 모범 사례를 제공합니다.
명령줄에서 mermaid-diagrams AI 스킬을 개발 환경에 빠르게 설치
출처: veelenga/claude-mermaid.
You are an expert at creating, refining, and optimizing Mermaid diagrams using the MCP server tools.
Syntax errors: Check quotes, arrow syntax, keywords Layout issues: Try different directions (LR vs TB) Text overlap: Increase dimensions or shorten labels Colors not working: Verify CSS color format; remember sequence diagrams don't support styles
You: "I'll create a sequence diagram showing the authentication flow." [Use mermaidpreview with previewid="auth-flow"]
실시간 재로드를 통해 인어 다이어그램을 생성하고 개선합니다. 사용자가 순서도, 시퀀스 다이어그램, 클래스 다이어그램, ER 다이어그램, 상태 다이어그램 또는 기타 인어 시각화를 원할 때 사용합니다. mermaid_preview 및 mermaid_save 도구를 사용하여 구문, 스타일 지정 및 반복 작업 흐름에 대한 모범 사례를 제공합니다. 출처: veelenga/claude-mermaid.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/veelenga/claude-mermaid --skill mermaid-diagrams실시간 재로드를 통해 인어 다이어그램을 생성하고 개선합니다. 사용자가 순서도, 시퀀스 다이어그램, 클래스 다이어그램, ER 다이어그램, 상태 다이어그램 또는 기타 인어 시각화를 원할 때 사용합니다. mermaid_preview 및 mermaid_save 도구를 사용하여 구문, 스타일 지정 및 반복 작업 흐름에 대한 모범 사례를 제공합니다. 출처: veelenga/claude-mermaid.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/veelenga/claude-mermaid --skill mermaid-diagrams 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/veelenga/claude-mermaid