Claude Skill MartKhám phá skillCâu dùng ngayHọc qua videoDùng terminalSkill là gì?
 
← Về danh sách

Archify — Trình tạo sơ đồ kiến trúc

Mô tả bằng lời hoặc dán Mermaid, Archify tạo sơ đồ HTML tương tác đã qua kiểm định.

Lập trìnhTrung cấp★ 79,216⑂ 5,314Điểm AI 10/10Cập nhật lần cuối: 7 thg 10, 2026

Giúp được gì

  • Tạo 5 loại sơ đồ: kiến trúc, quy trình (workflow), tuần tự (sequence), luồng dữ liệu (dataflow) và vòng đời/trạng thái (lifecycle), xuất ra file HTML độc lập với SVG nội tuyến.
  • Hỗ trợ giao diện sáng/tối, hiệu ứng chuyển động tuỳ chọn và xuất PNG/JPEG/WebP/SVG/WebM.
  • Lệnh finalize chạy liên tiếp các cổng kiểm tra: validate → deliver → check nghiêm ngặt → kiểm tra trên trình duyệt thật, báo rõ cổng nào thất bại.
  • Đọc Mermaid (flowchart, sequenceDiagram, stateDiagram) rồi viết lại thành JSON Archify giữ nguyên ngữ nghĩa.
  • Có thể bám theo mã nguồn thật trong repo để sơ đồ phản ánh đúng hành vi code.

Phù hợp với ai

  • Kỹ sư backend/hạ tầng cần vẽ sơ đồ hệ thống hoặc chuỗi gọi API cho tài liệu.
  • Technical writer, PM muốn biến Mermaid thô thành bản trình bày đẹp.
  • Người không làm kỹ thuật cần sơ đồ quy trình duyệt đơn, trạng thái đơn hàng, kế hoạch công việc.

Ví dụ sử dụng

  1. "Vẽ sơ đồ tuần tự cho luồng request khi cache miss" → sinh sơ đồ sequence kèm HTML đã kiểm định.
  2. Dán một flowchart Mermaid và yêu cầu "làm đẹp lại" → chuyển thành workflow hoặc architecture.
  3. "Mô tả các trạng thái của đơn nghỉ phép" → sơ đồ lifecycle với trạng thái chờ, từ chối, phê duyệt.

· · · 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/tt-a1i/archify/HEAD/archify/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)
  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 archify từ repo GitHub tt-a1i/archify vào ~/.claude/skills/archify/ 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/tt-a1i/archify.git /tmp/archify && mkdir -p ~/.claude/skills && cp -r /tmp/archify/archify ~/.claude/skills/archify

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

  1. Mở terminal và kiểm tra Node.js bằng node -v (cài đặt trước nếu chưa có).
  2. Clone kho mã: git clone https://github.com/tt-a1i/archify.git /tmp/archify
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills
  4. Sao chép skill: cp -r /tmp/archify/archify ~/.claude/skills/archify
  5. Nếu cần, chạy npm install trong thư mục vừa sao chép để cài phụ thuộc.
  6. Kiểm tra: node ~/.claude/skills/archify/bin/archify.mjs doctor
  7. Khởi động lại Claude Code và thử yêu cầu "vẽ sơ đồ kiến trúc hệ thống này".
Xem mã nguồn trên GitHub ↗Giấy phép: MIT