C4 기반 표기법으로 코드 기반 소프트웨어 아키텍처 다이어그램을 생성하는 모델링 언어와 도구 체인
Agents365-ai/drawio-skill
자연어와 Terraform, Kubernetes, SQL, OpenAPI 같은 실제 시스템 소스를 편집 가능한 draw.io 아키텍처 다이어그램으로 변환하는 에이전트 스킬입니다.
대체할 수 있는 제품:Lucidchart
- 스타
- 10,234
- 포크
- 870
- 열린 이슈
- 0
- 마지막 커밋
- 9일 전
어떤 프로젝트인가요?
drawio-skill은 자연어 프롬프트, 코드, 인프라 설정, 스키마로부터 유지 관리가 쉬운 .drawio 아키텍처 모델을 생성하는 Agent Skills 형식의 패키지입니다. 공식 클라우드 아이콘을 사용한 Terraform, Kubernetes, docker-compose 지원, SQL DDL의 ER 다이어그램 변환, OpenAPI, AsyncAPI, Protobuf, GraphQL의 다이어그램 변환, CI 파이프라인의 DAG 변환 기능을 제공합니다. terraform, docker, kubectl 출력에서 실제 인프라 스냅샷을 가져올 수도 있습니다.
한 번 생성하고 끝나는 방식보다 시스템과 다이어그램을 동기화하는 데 중점을 둡니다. 증분 동기화는 직접 조정한 레이아웃을 유지하면서 변경된 노드를 업데이트하고, 드리프트 비교 기능은 두 다이어그램이나 스냅샷을 대조하며, YAML/JSON 아키텍처 규칙은 CI에서 테스트로 실행할 수 있습니다. 다이어그램은 인터랙티브 HTML, PowerPoint, 애니메이션 SVG, Mermaid, Markdown으로 내보낼 수 있습니다. 핵심 워크플로는 표준 라이브러리만 사용하며, 주된 의존성은 draw.io 데스크톱 CLI입니다.
핵심 기능
- 01자연어로 편집 가능한 .drawio 파일을 생성하고 렌더링 결과를 자체 검증합니다
- 02Terraform, Kubernetes, docker-compose, SQL, OpenAPI, AsyncAPI, Protobuf, GraphQL 소스를 가져옵니다
- 03수동으로 조정한 레이아웃과 주석을 보존하며 다이어그램을 증분 동기화합니다
- 04아키텍처 규칙을 CI 테스트로 실행하고 다이어그램 간 드리프트를 비교합니다
- 05인터랙티브 HTML, PowerPoint, 애니메이션 SVG, Mermaid, Markdown으로 내보냅니다
- 06공식 draw.io 도형 10,000개 이상과 AI/LLM 브랜드 로고 321개를 검색합니다
활용 사례
- 공식 클라우드 제공업체 아이콘을 사용해 Terraform 또는 Kubernetes 매니페스트에서 클라우드 인프라 문서화
- 풀 리퀘스트에서 인터넷과 데이터베이스의 직접 연결을 차단하는 등의 아키텍처 규칙 적용
- 배포된 시스템과 문서화된 아키텍처 사이의 차이 추적
- 기존 코드에서 이해관계자용 프레젠테이션이나 인터랙티브 아키텍처 둘러보기 자료 제작
빠른 시작
- 1
draw.io 데스크톱 CLI 설치(macOS)
brew install --cask drawio - 2
아무 에이전트에나 skill 설치
npx skills add Agents365-ai/drawio-skill -g - 3
CLI 설치 확인
drawio --version
사용 전 알아둘 점
- 전체 툴킷을 사용하려면 draw.io 데스크톱 CLI가 필요하며, Mermaid 변환 및 ELK 레이아웃에는 버전 30 이상을 권장합니다.
- Windows와 Linux에서는 CLI 설정 과정이 더 복잡하며, WSL2에서는 Windows 데스크톱 실행 파일을 사용합니다.
토픽
자주 묻는 질문
- drawio-skill은(는) 무엇인가요?
- 자연어와 Terraform, Kubernetes, SQL, OpenAPI 같은 실제 시스템 소스를 편집 가능한 draw.io 아키텍처 다이어그램으로 변환하는 에이전트 스킬입니다. drawio-skill은 자연어 프롬프트, 코드, 인프라 설정, 스키마로부터 유지 관리가 쉬운 .drawio 아키텍처 모델을 생성하는 Agent Skills 형식의 패키지입니다. 공식 클라우드 아이콘을 사용한 Terraform, Kubernetes, docker-compose 지원, SQL DDL의 ER 다이어그램 변환, OpenAPI, AsyncAPI, Protobuf, GraphQL의 다이어그램 변환, CI 파이프라인의 DAG 변환 기능을 제공합니다. terraform, docker, kubectl 출력에서 실제 인프라 스냅샷을 가져올 수도 있습니다.
- drawio-skill은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- drawio-skill은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- drawio-skill은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. drawio-skill의 마지막 커밋은 2026년 10월 11일입니다.
- drawio-skill은(는) 어디에 사용할 수 있나요?
- 공식 클라우드 제공업체 아이콘을 사용해 Terraform 또는 Kubernetes 매니페스트에서 클라우드 인프라 문서화 풀 리퀘스트에서 인터넷과 데이터베이스의 직접 연결을 차단하는 등의 아키텍처 규칙 적용 배포된 시스템과 문서화된 아키텍처 사이의 차이 추적 기존 코드에서 이해관계자용 프레젠테이션이나 인터랙티브 아키텍처 둘러보기 자료 제작
- drawio-skill는 어떻게 설치하나요?
- draw.io 데스크톱 CLI 설치(macOS): brew install --cask drawio 아무 에이전트에나 skill 설치: npx skills add Agents365-ai/drawio-skill -g CLI 설치 확인: drawio --version
- drawio-skill은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/Agents365-ai/drawio-skill
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
짧은 JSON 사양을 애니메이션과 탐색이 가능한 다이어그램으로 만들고 SVG, PNG, GIF 또는 MP4로 내보내는 Claude 및 코딩 에이전트용 스킬입니다.
코딩 에이전트가 일관된 스타일로 요소를 직접 배치한 SVG 다이어그램을 그리도록 돕는 에이전트 스킬이자 무의존성 린터입니다.
아이디어, 계획, 코드베이스를 인터랙티브 HTML 다이어그램으로 만드는 에이전트 스킬
45가지 다이어그램 유형과 브랜드 맞춤을 지원하는 단일 HTML·SVG 에디토리얼 다이어그램 에이전트 스킬입니다.
React Three Fiber와 WebGPU 기반의 오픈소스 로컬 우선 3D 건물 편집기로, 브라우저나 CLI에서 MCP 도구를 통해 AI 에이전트와 함께 사용할 수 있습니다.