Xưởng sơ đồ kiến trúc draw.io
Tạo, đồng bộ, kiểm tra và xuất bản sơ đồ .drawio có thể chỉnh sửa từ yêu cầu tự nhiên hoặc từ mã nguồn/IaC.
Thiết kế · UITrung cấp★ 9,660⑂ 680Điểm AI 9/10Cập nhật lần cuối: 14 thg 9, 2026
Làm được gì
- Tạo sơ đồ kiến trúc, ERD, UML, sequence, C4, BPMN, network, hạ tầng... dưới dạng file
.drawiochỉnh sửa được, không phải ảnh phẳng. - Đọc Terraform, Kubernetes, docker-compose, SQL, OpenAPI, cấu hình CI rồi chuyển thành Diagram IR và sinh sơ đồ.
- Lệnh
synccập nhật sơ đồ khi mã nguồn thay đổi mà vẫn giữ bố cục bạn đã chỉnh tay;viewsxuất nhiều góc nhìn (điều hành, hệ thống, triển khai, luồng dữ liệu, bảo mật). - Có
test(kiểm tra quy tắc kiến trúc),review(báo cáo đánh giá),query(truy vấn đường đi),whatif(phân tích sự cố),story(bản thuyết trình HTML dễ truy cập). - Quy trình bắt buộc: validate cấu trúc, xem PNG nháp để sửa lỗi chồng lấp, rồi mới xuất PNG/SVG/PDF cuối.
Dành cho ai
- Lập trình viên, kiến trúc sư cần bản vẽ gốc còn sửa được thay vì ảnh chụp.
- Nhóm DevOps muốn sơ đồ luôn khớp với repo IaC thực tế.
- Người phụ trách nền tảng/bảo mật muốn chặn vi phạm quy tắc kiến trúc ngay trong CI.
Ví dụ sử dụng
- "Vẽ sơ đồ kiến trúc từ thư mục Terraform
./infra" →diagramctl.py build ./infra --from terraform. - "Kiểm tra xem từ Internet có đường nào tới orders-db không" →
query --from internet --to orders-db. - "Nếu Kafka sập thì ảnh hưởng tới đâu?" →
whatif --fail kafkaxuất sơ đồ vùng ảnh hưởng kèm JSON.
· · · Hướng dẫn cài đặt · · ·
Dùng thử ngay, không cần cài
Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.
Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình: https://raw.githubusercontent.com/Agents365-ai/drawio-skill/HEAD/skills/drawio-skill/SKILL.md Mình muốn: (viết việc bạn cần ở đây)
Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.
↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.
Cài vào ứng dụng Claude (không cần terminal)
- Tải tệp ZIP bằng nút bên dưới.
- Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
- Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
Cài vào Claude Code
Để Claude làm — dán câu dưới đây vào Claude Code
Hãy cài skill mình tìm thấy trên Claude Skill Mart. Copy thư mục skills/drawio-skill từ repo GitHub Agents365-ai/drawio-skill vào ~/.claude/skills/drawio-skill/ của mình. Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.
Cài bằng lệnh thủ công
git clone https://github.com/Agents365-ai/drawio-skill.git && mkdir -p ~/.claude/skills && cp -r drawio-skill/skills/drawio-skill ~/.claude/skills/⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.
- Mở terminal và kiểm tra Python 3:
python3 --version - Tải repo:
git clone https://github.com/Agents365-ai/drawio-skill.git - Copy skill vào thư mục skill của Claude Code:
mkdir -p ~/.claude/skills && cp -r drawio-skill/skills/drawio-skill ~/.claude/skills/ - (Tùy chọn) Cần xuất PNG/PDF gốc thì cài ứng dụng draw.io: macOS dùng
brew install drawio - (Tùy chọn) Muốn tự động dàn trang:
brew install graphviz - Kiểm tra:
python3 ~/.claude/skills/drawio-skill/scripts/diagramctl.py doctor - Khởi động lại Claude Code và thử yêu cầu: "tạo sơ đồ kiến trúc bằng draw.io".
Xem mã nguồn trên GitHub ↗Giấy phép: MIT