Agents365-ai/drawio-skill

해결하는 문제

drawio-skill은 자연어, 기존 코드베이스, 또는 인프라 구성에서 전문적이고 편집 가능한 다이어그램을 생성할 수 있게 해줍니다. draw.io에서 도형을 수동으로 드래그 앤 드롭하는 수고를 줄이고, .drawio XML 파일의 레이아웃과 생성을 자동화하여 다양한 이미지 형식으로 내보낼 수 있습니다.

작동 방식

이 프로젝트는 Claude Code나 Cursor와 같은 AI 에이전트를 위한 스킬로, 네이티브 draw.io 데스크톱 CLI와 인터페이스를 제공합니다. 추출기와 레이아웃 엔진의 파이프라인을 사용하여 입력을 구조화된 다이어그램으로 변환합니다:

• 자연어: AI 에이전트가 프롬프트를 다이어그램 사양으로 번역합니다.
• 코드/인프라 가져오기: Python, JS-TS, Go, Rust, Terraform, Kubernetes, docker-compose 파일 또는 ER 다이어그램용 SQL DDL에서 구조를 추출하는 전용 스크립트가 있습니다.
• 레이아웃 엔진: Graphviz를 사용해 노드 배치 및 수직 에지 라우팅을 수행하여 겹침과 '헤어볼' 현상을 방지합니다.
• 정제: 자체 출력된 PNG를 읽어 겹침과 잘린 레이블을 자동으로 수정하는 자체 검사 메커니즘이 포함되어 있습니다.
• 변환: Mermaid 텍스트를 네이티브이고 편집 가능한 .drawio 파일로 변환할 수 있습니다.

대상 사용자

• 소프트웨어 아키텍트: 복잡한 마이크로서비스, 클라우드 인프라, C4 모델을 드릴다운 기능과 함께 시각화하기 위해.
• 개발자: 코드 및 데이터베이스 스키마에서 클래스 계층, 임포트 그래프, ER 다이어그램을 자동으로 생성하기 위해.
• DevOps 엔지니어: 공식 클라우드 아이콘을 사용해 Infrastructure-as-Code (IaC) 파일을 아키텍처 다이어그램으로 변환하기 위해.
• C4 모델 실천자: 링크된 컴포넌트를 가진 다중 페이지 시스템 문서를 만들기 위해.

주요 기능

• 넓은 다이어그램 지원: ERD, UML, C4, SysML, BPMN, 네트워크 토폴로지 등 11가지 사전 설정 지원.
• 코드에서 다이어그램으로: 여러 언어 및 IaC 매니페스트에서 프로젝트 구조를 자동 추출.
• 클라우드 아이콘 통합: 공식 AWS, Azure, GCP, Kubernetes 아이콘을 자동으로 해결.
• AI/LLM 브랜드 로고: standard draw.io에 없는 321개의 현대적 AI 도구(OpenAI, Claude, LangChain 등) 로고 포함.
• 고급 레이아웃: 파이프라인 여정에 적합한 'Tube-Map 모드' 및 결정론적 시퀀스 다이어그램 지원.
• 반복적 AI 루프: 최대 5라운드의 타겟된 개선과 시각적 자가 수정을 지원.
• 다양한 형식 내보내기: draw.io CLI를 통해 PNG, SVG, PDF, JPG로 내보낼 수 있습니다.