mermaid
✓인어 다이어그램 생성을 위한 포괄적인 지침을 제공합니다. Mermaid는 Markdown에서 영감을 받은 텍스트 정의와 렌더러를 사용하여 복잡한 다이어그램을 만들고 수정하는 JavaScript 기반 다이어그램 작성 및 차트 작성 도구입니다. Mermaid의 주요 목적은 문서가 개발 과정을 따라잡을 수 있도록 돕는 것입니다. Mermaid는 Markdown 문서, GitHub, GitLab, Wiki, 블로그 및 기타 Markdown 기반 플랫폼에서 사용하기에 특히 적합합니다. 사용자가 다이어그램, 차트, 그래프, 순서도, 아키텍처 다이어그램, 시퀀스 다이어그램, 클래스 다이어그램, 상태 다이어그램, 간트 차트, 마인드맵, 타임라인 또는 마크다운 친화적인 형식의 기타 시각적 다이어그램을 그리거나, 생성하거나, 생성하거나, 빌드하거나 시각화하려는 경우에 사용합니다. 이 기술은 순서도, 시퀀스 다이어그램, 클래스 다이어그램, 상태 다이어그램, ER 다이어그램, 간트 차트, 파이 차트, 사분면 차트, Git 그래프, C4 다이어그램, 마인드맵, 타임라인 등을 포함한 23개 이상의 모든 인어 다이어그램 유형을 다룹니다. 사용자가 Mermaid를 언급하거나 Markdown 문서화를 위한 다이어그램이 필요하거나 Markdown 렌더러에서 직접 렌더링되는 빠른 다이어그램을 원하는 경우 항상 이 기술을 사용하십시오.
SKILL.md
Mermaid and PlantUML are two different diagramming tools with different purposes:
CRITICAL: Mermaid is a Markdown-focused diagramming tool. This skill should be triggered when the user explicitly mentions "Mermaid", needs diagrams for Markdown documentation, or wants diagrams that render directly in Markdown renderers (GitHub, GitLab, wikis, blogs).
When both PlantUML and Mermaid are matched, ALWAYS ask the user to choose the output format or tool, as they are two different diagramming tools with different purposes.
인어 다이어그램 생성을 위한 포괄적인 지침을 제공합니다. Mermaid는 Markdown에서 영감을 받은 텍스트 정의와 렌더러를 사용하여 복잡한 다이어그램을 만들고 수정하는 JavaScript 기반 다이어그램 작성 및 차트 작성 도구입니다. Mermaid의 주요 목적은 문서가 개발 과정을 따라잡을 수 있도록 돕는 것입니다. Mermaid는 Markdown 문서, GitHub, GitLab, Wiki, 블로그 및 기타 Markdown 기반 플랫폼에서 사용하기에 특히 적합합니다. 사용자가 다이어그램, 차트, 그래프, 순서도, 아키텍처 다이어그램, 시퀀스 다이어그램, 클래스 다이어그램, 상태 다이어그램, 간트 차트, 마인드맵, 타임라인 또는 마크다운 친화적인 형식의 기타 시각적 다이어그램을 그리거나, 생성하거나, 생성하거나, 빌드하거나 시각화하려는 경우에 사용합니다. 이 기술은 순서도, 시퀀스 다이어그램, 클래스 다이어그램, 상태 다이어그램, ER 다이어그램, 간트 차트, 파이 차트, 사분면 차트, Git 그래프, C4 다이어그램, 마인드맵, 타임라인 등을 포함한 23개 이상의 모든 인어 다이어그램 유형을 다룹니다. 사용자가 Mermaid를 언급하거나 Markdown 문서화를 위한 다이어그램이 필요하거나 Markdown 렌더러에서 직접 렌더링되는 빠른 다이어그램을 원하는 경우 항상 이 기술을 사용하십시오. 출처: teachingai/agent-skills.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/teachingai/agent-skills --skill mermaid- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
mermaid이란?
인어 다이어그램 생성을 위한 포괄적인 지침을 제공합니다. Mermaid는 Markdown에서 영감을 받은 텍스트 정의와 렌더러를 사용하여 복잡한 다이어그램을 만들고 수정하는 JavaScript 기반 다이어그램 작성 및 차트 작성 도구입니다. Mermaid의 주요 목적은 문서가 개발 과정을 따라잡을 수 있도록 돕는 것입니다. Mermaid는 Markdown 문서, GitHub, GitLab, Wiki, 블로그 및 기타 Markdown 기반 플랫폼에서 사용하기에 특히 적합합니다. 사용자가 다이어그램, 차트, 그래프, 순서도, 아키텍처 다이어그램, 시퀀스 다이어그램, 클래스 다이어그램, 상태 다이어그램, 간트 차트, 마인드맵, 타임라인 또는 마크다운 친화적인 형식의 기타 시각적 다이어그램을 그리거나, 생성하거나, 생성하거나, 빌드하거나 시각화하려는 경우에 사용합니다. 이 기술은 순서도, 시퀀스 다이어그램, 클래스 다이어그램, 상태 다이어그램, ER 다이어그램, 간트 차트, 파이 차트, 사분면 차트, Git 그래프, C4 다이어그램, 마인드맵, 타임라인 등을 포함한 23개 이상의 모든 인어 다이어그램 유형을 다룹니다. 사용자가 Mermaid를 언급하거나 Markdown 문서화를 위한 다이어그램이 필요하거나 Markdown 렌더러에서 직접 렌더링되는 빠른 다이어그램을 원하는 경우 항상 이 기술을 사용하십시오. 출처: teachingai/agent-skills.
mermaid 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/teachingai/agent-skills --skill mermaid 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/teachingai/agent-skills
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01