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

PR Lens — Sơ đồ động cho thay đổi code

Biến một thay đổi code hoặc cả codebase thành sơ đồ kiến trúc/luồng dữ liệu động (SVG) chỉ từ một tài liệu JSON.

Lập trìnhNhập môn★ 1,932⑂ 71Điểm AI 7/10Cập nhật lần cuối: 4 thg 10, 2026

Làm được gì

  • Agent viết một tài liệu graph dạng JSON, PR Lens CLI render thành SVG động, tự chứa.
  • Sơ đồ dán trực tiếp vào comment GitHub PR, không cần script nào.
  • Lệnh validate chỉ đúng tên field bị sai để agent tự sửa tài liệu.
  • Có thể mở dưới dạng canvas trực tiếp, xem từng bước và đặt câu hỏi.
  • SKILL.md chỉ là "bảng chỉ đường": hướng dẫn thật được tải bằng npx @coldtea/pr-lens-cli@latest skill nên luôn khớp phiên bản CLI.

Phù hợp với ai

  • Dev muốn reviewer hiểu nhanh cấu trúc của một PR lớn
  • Team lead cần hình kiến trúc cho tài liệu onboarding hoặc design review
  • Người dùng bất kỳ coding agent nào (Claude Code, Codex, Cursor, Copilot...) muốn một workflow vẽ sơ đồ chung

Ví dụ sử dụng

  1. "Vẽ luồng xử lý request của PR này và đăng vào comment" → agent viết JSON → validate → render → đính kèm SVG động.
  2. "Giải thích cấu trúc module xác thực của repo" → sơ đồ luồng dữ liệu giữa các module.
  3. So sánh kiến trúc trước/sau refactor để trình bày trong buổi review thiết kế.

· · · 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/coldteadotai/pr-lens/HEAD/packages/agent-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)
  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 packages/agent-skill từ repo GitHub coldteadotai/pr-lens vào ~/.claude/skills/pr-lens/ 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/coldteadotai/pr-lens.git /tmp/pr-lens && mkdir -p ~/.claude/skills/pr-lens && cp /tmp/pr-lens/packages/agent-skill/SKILL.md ~/.claude/skills/pr-lens/SKILL.md

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

  1. Kiểm tra Node.js đã cài (khuyến nghị 18+): node -v
  2. Clone repo: git clone https://github.com/coldteadotai/pr-lens.git /tmp/pr-lens
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills/pr-lens
  4. Copy file skill: cp /tmp/pr-lens/packages/agent-skill/SKILL.md ~/.claude/skills/pr-lens/SKILL.md
  5. Khởi động lại Claude Code và thử yêu cầu: "vẽ sơ đồ cho thay đổi này".
  6. Lần đầu chạy cần mạng, vì agent sẽ gọi npx @coldtea/pr-lens-cli@latest skill để lấy hướng dẫn mới nhất.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT