Claude Skill MartKhám phá skillSkill là gì?
 
← Về danh sách

Trình tạo sơ đồ Draw.io

Tạo file .drawio và xuất PNG/SVG/PDF ngay trên máy chỉ bằng một yêu cầu bằng lời.

Thiết kế · UITrung cấp★ 7,359⑂ 538Điểm AI 9/10Cập nhật lần cuối: 5 thg 8, 2026

Làm được gì

Biến mô tả bằng lời của bạn thành file .drawio có thể chỉnh sửa, rồi xuất sang PNG/SVG/PDF/JPG bằng CLI của ứng dụng draw.io desktop.

  • Hỗ trợ nhiều loại sơ đồ: kiến trúc hệ thống, flowchart, ERD, UML (class/sequence), C4, BPMN, SysML, swimlane, topology mạng, mind map
  • Tra cứu chính xác hơn 10.000 hình khối chính thức (AWS/Azure/GCP/Cisco/Kubernetes) qua shapesearch.py
  • Tự động dựng sơ đồ từ Terraform, Kubernetes, docker-compose, OpenAPI, SQL DDL, GitHub Actions và đồ thị import của Python/JS/Go/Rust
  • Tự bố cục bằng Graphviz, lint cấu trúc (validate.py), tách các đường nối chồng nhau (edgeports.py) và tự kiểm tra bản xuất bằng khả năng thị giác của mô hình
  • Hậu xử lý phong phú: đổi theme, tô heat map theo số liệu, xuất viewer HTML tương tác, chuyển sang PPTX, SVG động

Dành cho ai

  • Lập trình viên và kiến trúc sư thường xuyên cần sơ đồ chỉn chu cho tài liệu thiết kế hoặc README
  • DevOps/SRE muốn trực quan hoá hạ tầng khai báo hoặc trạng thái đang chạy thật để review
  • Technical PM cần hình minh hoạ trình bày có icon thương hiệu, canh chỉnh gọn gàng

Ví dụ sử dụng

  1. "Vẽ kiến trúc từ thư mục Terraform này bằng icon AWS chính thức" → dùng tfimports.py + autolayout.py rồi xuất PNG
  2. "Tạo flowchart swimlane cho quy trình xử lý đơn hàng và xuất PDF" → sinh XML swimlane → chạy edgeports.py để tách đường nối → xuất PDF
  3. "Đổi architecture.drawio sang tông tối và tô màu theo file latency.csv" → restyle.py + heatmap.py rồi xuất lại

· · · Hướng dẫn cài đặt · · ·

Cài vào ứng dụng Claude (không cần terminal)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
↓ Tải ZIP
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 /tmp/drawio-skill && mkdir -p ~/.claude/skills && cp -r /tmp/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.

  1. Cài ứng dụng draw.io desktop trước: macOS chạy brew install --cask drawio; Windows/Linux tải bộ cài tại https://github.com/jgraph/drawio-desktop/releases (Linux không nên dùng bản snap).
  2. Kiểm tra CLI bằng lệnh drawio --version. Nếu phiên bản ≥ 30 bạn sẽ dùng được cả tính năng chuyển Mermaid sang .drawio.
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills
  4. Clone kho và sao chép skill: git clone https://github.com/Agents365-ai/drawio-skill.git /tmp/drawio-skill && cp -r /tmp/drawio-skill/skills/drawio-skill ~/.claude/skills/
  5. (Tuỳ chọn) Cài Graphviz để dùng auto-layout: macOS brew install graphviz, Ubuntu sudo apt install graphviz. Thêm pip install python-pptx nếu cần xuất PowerPoint và pip install pyyaml cho sơ đồ CI.
  6. Khởi động lại Claude Code và thử yêu cầu: "Vẽ sơ đồ kiến trúc hệ thống của dự án này".
Xem mã nguồn trên GitHub ↗Giấy phép: MIT