클로드스킬마트스킬 둘러보기스킬이 뭐예요?
 
← 목록으로

Draw.io 다이어그램 생성기

요청만 하면 .drawio XML을 만들고 PNG/SVG/PDF로 내보내주는 올인원 다이어그램 스킬.

디자인·UI중급★ 7,359⑂ 538AI 점수 9/10마지막 업데이트: 2026. 8. 5.

무엇을 해주나

대화로 설명한 시스템을 실제 편집 가능한 .drawio 파일로 만들어 주고, draw.io 데스크톱 CLI로 PNG/SVG/PDF/JPG까지 내보냅니다.

  • 아키텍처, 플로우차트, ERD, UML(클래스/시퀀스), C4, BPMN, SysML, 스윔레인, 네트워크 토폴로지, 마인드맵 등 폭넓은 다이어그램 유형 지원
  • AWS/Azure/GCP/Cisco/Kubernetes 등 1만 개 이상의 공식 도형을 shapesearch.py로 정확히 찾아 사용
  • Terraform·Kubernetes·docker-compose·OpenAPI·SQL DDL·GitHub Actions·Python/JS/Go/Rust 임포트 그래프를 읽어 자동으로 다이어그램화
  • Graphviz 기반 자동 배치(autolayout), 구조 린트(validate), 엣지 포트 정리(edgeports), 비전 모델을 이용한 셀프 체크로 품질 보정
  • 기존 다이어그램의 재테마(restyle), 히트맵 채색, 인터랙티브 HTML 뷰어, PPTX 변환, 애니메이션 SVG 등 후처리 도구 포함

이런 분께 추천

  • 설계 문서나 README에 넣을 "깔끔하고 정확한" 다이어그램이 자주 필요한 개발자·아키텍트
  • 인프라 코드(Terraform/K8s)나 실제 배포 상태를 시각화해 리뷰하고 싶은 DevOps/SRE
  • 손그림 느낌이 아니라 브랜드 아이콘과 정렬이 살아 있는 발표용 도표가 필요한 테크 PM

활용 예시

  1. "이 Terraform 디렉터리의 리소스 구조를 AWS 공식 아이콘으로 그려줘" → tfimports.py + autolayout.py로 그래프 추출 후 PNG 내보내기
  2. "우리 서비스의 주문 처리 흐름을 스윔레인 플로우차트로 만들고 PDF로 줘" → 스윔레인 XML 생성 → edgeports.py로 선 정리 → PDF 내보내기
  3. "기존 architecture.drawio를 다크 테마로 바꾸고 지연시간 CSV로 히트맵 색칠해줘" → restyle.py + heatmap.py 후 재내보내기

· · · 설치 가이드 · · ·

Claude 앱에 설치 (터미널 필요 없음)
  1. 아래 버튼으로 ZIP 파일을 받으세요.
  2. Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
  3. Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
↓ ZIP 내려받기
Claude Code에 설치

Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요

클로드스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 Agents365-ai/drawio-skill 의 skills/drawio-skill 폴더를 내 ~/.claude/skills/drawio-skill/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.

직접 명령으로 설치하기

git clone https://github.com/Agents365-ai/drawio-skill.git /tmp/drawio-skill && mkdir -p ~/.claude/skills && cp -r /tmp/drawio-skill/skills/drawio-skill ~/.claude/skills/

⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.

  1. draw.io 데스크톱 앱을 먼저 설치합니다. macOS는 터미널에서 brew install --cask drawio, Windows/Linux는 https://github.com/jgraph/drawio-desktop/releases 에서 설치 파일을 받으세요. (리눅스에서 snap 버전은 권장하지 않습니다.)
  2. 터미널에서 drawio --version 을 실행해 CLI가 잡히는지 확인합니다. 버전이 30 이상이면 Mermaid 변환 기능까지 사용할 수 있습니다.
  3. 스킬 폴더를 만듭니다: mkdir -p ~/.claude/skills
  4. 저장소를 내려받아 스킬을 복사합니다: git clone https://github.com/Agents365-ai/drawio-skill.git /tmp/drawio-skill && cp -r /tmp/drawio-skill/skills/drawio-skill ~/.claude/skills/
  5. (선택) 자동 배치를 쓰려면 Graphviz를 설치합니다: macOS brew install graphviz, Ubuntu sudo apt install graphviz. PPTX 변환은 pip install python-pptx, CI 다이어그램은 pip install pyyaml 이 필요합니다.
  6. Claude Code를 다시 실행한 뒤 "우리 서비스 아키텍처 다이어그램 그려줘"처럼 요청하면 스킬이 자동으로 동작합니다.
GitHub에서 원본 보기 ↗라이선스: MIT