🔥

Draw.io Skill

🥈BẠC
@bahayonghang >

Draw.io Skill - Tự động hóa tạo sơ đồ

★ 56,7052,2050Cập nhật 2 tháng trước
Trung cấp⏱ 15 phút triển khaiTiếp thị⏱ Tiết kiệm ~30 phút mỗi lần dùng
Hoạt động với:
Claude

Cài đặt nhanh

Terminal
git clone https://github.com/bahayonghang/drawio-skills.git
Xem trên GitHub

Mục lục

🔥

@bahayonghang

Cần hỗ trợ?

Chúng tôi xây dựng các kỹ năng và quy trình tự động hóa AI tùy chỉnh cho doanh nghiệp B2B.

Liên hệ ngay →

Đang dùng kỹ năng này?

Khám phá xem các công cụ khác trong hệ thống của bạn kết nối với AI như thế nào.

Tổng quan

Về kỹ năng này

Draw.io Skill là một hệ thống soạn thảo ưu tiên YAML (YAML-first) để tạo và quản lý các sơ đồ draw.io cục bộ (locally) mà không cần đến các phiên trình duyệt (browser sessions). Công cụ này hỗ trợ vẽ sơ đồ kỹ thuật, topology mạng, kiến trúc hệ thống và các hình vẽ sẵn sàng để xuất bản với các theme tích hợp sẵn, tính năng kiểm định (validation) và tùy chọn xuất sang định dạng PNG, PDF và SVG thông qua draw.io Desktop. Skill này bao gồm ba thao tác cốt lõi—tạo, chỉnh sửa và sao chép—cùng với việc hỗ trợ topology mạng ngữ nghĩa (semantic network topology) với các loại thiết bị và gán nhãn metadata. Một lớp phủ học thuật (academic overlay) tùy chọn sẽ bổ sung thêm các chính sách xuất bản chuyên biệt cho các hội nghị/tạp chí, chú thích, công thức và phân loại hình ảnh. Các đội ngũ phát triển có thể nhập các sơ đồ hiện có, chuẩn hóa chúng thành các gói offline ưu tiên YAML kèm file sidecar, và đồng bộ hóa các artifact trong suốt quá trình phát triển cục bộ. Tạo sơ đồ kỹ thuật và kiến trúc hệ thống từ các prompt ngôn ngữ tự nhiên Tạo sơ đồ topology mạng với các loại thiết bị ngữ nghĩa và metadata của interface Chuyển đổi và chuẩn hóa các tệp .drawio hiện có thành các gói offline ưu tiên YAML Xây dựng các hình vẽ học thuật sẵn sàng để xuất bản với các chính sách riêng biệt và kiểm định xuất file Một sơ đồ kiến trúc hệ thống toàn diện cho GreenTech Solutions, một công ty năng lượng tái tạo chuyên về các giải pháp năng lượng mặt trời và năng lượng gió.

Trường hợp sử dụng

🎯

Thương mại điện tử

Trích xuất dữ liệu sản phẩm từ các trang thương mại điện tử để quản lý tồn kho và phân tích.

🎯

Xuất bản nội dung

Chuyển đổi nội dung blog thành định dạng markdown có cấu trúc để quản lý và xuất bản dễ dàng hơn.

🎯

Nghiên cứu đối thủ

Thu thập thông tin chiến dịch của đối thủ cạnh tranh từ nhiều nguồn để hỗ trợ ra quyết định chiến lược.

🎯

Đánh giá phản hồi

Thu thập đánh giá của người dùng từ nhiều nền tảng để cải thiện phân tích phản hồi sản phẩm.

Phù hợp nhất cho

Tiếp thịTăng trưởng

Cài đặt & Cấu hình

Cài đặt nhanh

Sao chép lệnh cài đặt bên dưới và chạy trong terminal của bạn.

Terminal
git clone https://github.com/bahayonghang/drawio-skills.git

Cài đặt thay thế (Git Clone)

Terminal
git clone https://github.com/bahayonghang/drawio-skills

Yêu cầu hệ thống

  • ✓ Claude Code hoặc AI Agent tương thích
  • ✓ Hoạt động với: Claude

Hướng dẫn nhanh

1

Cài đặt kỹ năng

Sao chép lệnh cài đặt ở trên và chạy trong terminal của bạn.

2

Mở AI Agent của bạn

Mở Claude Code, Cursor hoặc AI agent lập trình mà bạn muốn sử dụng.

3

Chạy thử

Sử dụng mẫu prompt hoặc ví dụ bên dưới để chạy thử kỹ năng.

4

Tùy biến

Tùy biến cấu hình kỹ năng phù hợp với quy trình làm việc của bạn.

Ví dụ sử dụng

Mẫu Prompt & Hướng dẫn

Hướng dẫn & Kịch bản
```
Tạo sơ đồ kiến trúc hệ thống chi tiết cho [COMPANY] trong lĩnh vực [INDUSTRY]. Bao gồm các thành phần sau: [DATA]. Sử dụng định dạng draw.io, đảm bảo sơ đồ trực quan và dễ hiểu. Lưu sơ đồ dưới tên '[COMPANY]_architecture' và cung cấp liên kết tệp draw.io.
```
Sao chép

```
# Sơ đồ kiến trúc hệ thống cho GreenTech Solutions
```

Công cụ tương thích

Kỹ năng này tương thích hoàn toàn với các trợ lý lập trình AI và môi trường sau:

🤖

Claude Code

Môi trường thực thi gốc

💻

Cursor & Windsurf

Tích hợp Agent biên tập

Máy chủ MCP

Kỹ năng này hỗ trợ Model Context Protocol (MCP), cho phép tích hợp trực tiếp như một dịch vụ MCP mở rộng tính năng cho AI Agent.

# Đăng ký trong cấu hình Claude Desktop của bạn:

{
  "mcpServers": {
    "draw.io skill": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-draw.io skill"]
    }
  }
}