AA

agents365-ai/drawio-skill

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

1만 stars 품질 81 트렌드 75MIT

자연어로 draw.io 다이어그램 생성 — 11개의 프리셋(UML, SysML/MBSE, BPMN, NETWORK, C4 등), 39가지 도구: 코드베이스/CI/인프라-투-다이어그램, 이미지→편집 가능한 다이어그램, Databricks 제품 아이콘, 마인드...

개요

자연어 설명을 .drawio XML로 변환하고, 네이티브 draw.io 데스크톱 CLI를 통해 PNG / SVG / PDF / JPG 파일로 내보내는 기술입니다. 또한 (Python / JS-TS / Go / Rust)를 자동 레이아웃된 구조 다이어그램으로 변환할 수 있습니다. Agent Skills 포맷과 호환되는 모든 에이전트와 함께 작동합니다. - — ERD, UML 클래스, 시퀀스, 아키텍처, ML/딥러닝, 플로우차트 - — Python / JS-TS / Go / Rust 프로젝트의 구조를 추출하고 자동 레이아웃(그래프 가져오기) — Graphviz 배치, 전이 축소, 중첩 모듈 컨테이너 - — 추측 대신 정확한 AWS / Azure / GCP / Cisco / Kubernetes / UML / BPMN 아이콘 스타일을 해결합니다 (더 이상 빈 상자 모양=mxgraph.* 오타 없음) - — 321개의 로고(OpenAI, Claude, Gemini, Mistral, Llama, Ollama, LangChain 등)가 그려집니다.

개요(AI 번역)

영어 · 中文 · 📖 온라인 문서

자연어와 실제 시스템 소스를 유지 관리 가능한 .drawio 아키텍처 모델로 변환하는 기술입니다. 생성 및 내보내기를 넘어, 수동 레이아웃을 버리지 않고 점진적으로 동기화하고, 한 모델에서 여러 뷰를 프로젝션하며, 아키텍처 계약을 강제하고, 의존성을 쿼리하며, 실패 전파를 시뮬레이션하고, 의존성 없는 인터랙티브 워크스루를 게시합니다. Claude Code, 커서, Copilot, OpenClaw, Codex, Autohand Code, Hermes 및 에이전트 스킬 포맷과 호환되는 모든 에이전트와 함께 작동합니다.

✨ 하이라이트

프롬프트에서

  • 설명하고, 편집 가능한 .drawio — 스킬이 레이아웃을 계획하고, XML 작성, 내보내기, 자체 PNG를 확인하고, 겹침, 잘린 라벨, 겹침 가장자리를 자동 수정(최대 2라운드)과 최대 5라운드의 피드백을 포함합니다
  • Mermaid → 네이티브 .drawio (draw.io ≥ 30) — Mermaid 텍스트로 28개의 표준 타입을 작성함 (mindmap, gantt, timeline, journey, pie, sankey, kanban…) CLI가 이를 레이아웃되고 편집 가능한 .drawio로 변환합니다: 구조 포함, 레이아웃 자유

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.

README

원문 README의 일부입니다. 원문 보기.

drawio-skill — From Text to Professional Diagrams

English · 中文 · 📖 Online Docs

A skill that turns natural language and real system sources into maintainable .drawio architecture models. Beyond generation and export, it incrementally synchronizes without discarding manual layout, projects multiple views from one model, enforces architecture contracts, queries dependencies, simulates failure propagation, and publishes dependency-free interactive walkthroughs. Works with Claude Code, Cursor, Copilot, OpenClaw, Codex, Autohand Code, Hermes, and any agent compatible with the Agent Skills format.

✨ Highlights

From a prompt

  • Describe it, get an editable .drawio — the skill plans the layout, writes the XML, exports, then self-checks its own PNG and auto-fixes overlaps, clipped labels, and stacked edges (up to 2 rounds), with up to 5 rounds of your feedback
  • Mermaid → native .drawio (draw.io ≥ 30) — author 28 standard types as Mermaid text (mindmap, gantt, timeline, journey, pie, sankey, kanban…) and the CLI converts them into a laid-out, editable .drawio: structure in, layout free
  • Whiteboard photo / screenshot → editable diagram — snap a legacy PNG or a physical whiteboard, let vision extract the graph, and raster2drawio.py rebuilds it as a real, editable .drawio honouring the original layout
  • 11 diagram type presets — ERD, UML Class, Sequence, C4, Architecture, ML/Deep Learning, Flowchart, SysML, BPMN, Network Topology, Cross-Functional Swimlane

From real sources

GitHub에서 전체 README 보기

추천 도구

다른 키워드를 입력하거나 필터를 제거해 보세요.

설치

npx skillfish add agents365-ai/drawio-skill
MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →