·mermaidjs-v11
#

mermaidjs-v11

mrgoonie/claudekit-skills

Mermaid.js v11 구문을 사용하여 다이어그램과 시각화를 만듭니다. 순서도, 시퀀스 다이어그램, 클래스 다이어그램, 상태 다이어그램, ER 다이어그램, 간트 차트, 사용자 여정, 타임라인, 아키텍처 다이어그램 또는 24개 이상의 다이어그램 유형을 생성할 때 사용합니다. JavaScript API 통합, SVG/PNG/PDF로의 CLI 렌더링, 테마 지정, 구성 및 접근성 기능을 지원합니다. 문서화, 기술 다이어그램, 프로젝트 계획, 시스템 아키텍처 및 시각적 커뮤니케이션에 필수적입니다.

105설치·0트렌드·@mrgoonie

설치

$npx skills add https://github.com/mrgoonie/claudekit-skills --skill mermaidjs-v11

SKILL.md

Create text-based diagrams using Mermaid.js v11 declarative syntax. Convert code to SVG/PNG/PDF via CLI or render in browsers/markdown files.

flowchart TD A[Start] --> B{Decision} B -->|Yes| C[Action] B -->|No| D[End]

See references/cli-usage.md for Docker, batch processing, and advanced workflows.

Mermaid.js v11 구문을 사용하여 다이어그램과 시각화를 만듭니다. 순서도, 시퀀스 다이어그램, 클래스 다이어그램, 상태 다이어그램, ER 다이어그램, 간트 차트, 사용자 여정, 타임라인, 아키텍처 다이어그램 또는 24개 이상의 다이어그램 유형을 생성할 때 사용합니다. JavaScript API 통합, SVG/PNG/PDF로의 CLI 렌더링, 테마 지정, 구성 및 접근성 기능을 지원합니다. 문서화, 기술 다이어그램, 프로젝트 계획, 시스템 아키텍처 및 시각적 커뮤니케이션에 필수적입니다. 출처: mrgoonie/claudekit-skills.

원본 보기

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/mrgoonie/claudekit-skills --skill mermaidjs-v11
카테고리
#문서
인증됨
최초 등록
2026-02-01
업데이트
2026-02-18

빠른 답변

mermaidjs-v11이란?

Mermaid.js v11 구문을 사용하여 다이어그램과 시각화를 만듭니다. 순서도, 시퀀스 다이어그램, 클래스 다이어그램, 상태 다이어그램, ER 다이어그램, 간트 차트, 사용자 여정, 타임라인, 아키텍처 다이어그램 또는 24개 이상의 다이어그램 유형을 생성할 때 사용합니다. JavaScript API 통합, SVG/PNG/PDF로의 CLI 렌더링, 테마 지정, 구성 및 접근성 기능을 지원합니다. 문서화, 기술 다이어그램, 프로젝트 계획, 시스템 아키텍처 및 시각적 커뮤니케이션에 필수적입니다. 출처: mrgoonie/claudekit-skills.

mermaidjs-v11 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/mrgoonie/claudekit-skills --skill mermaidjs-v11 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/mrgoonie/claudekit-skills