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

PR Lens — Vẽ sơ đồ cho thay đổi code

Biến diff hoặc kiến trúc hệ thống thành sơ đồ SVG động rồi đính kèm vào phần mô tả pull request.

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

Làm được gì

  • Đọc thay đổi bằng git diff --find-renames <base>...<head> (dùng merge base, không phải đầu nhánh) và viết tài liệu graph JSON vào .pr-lens/graph.json gồm lanes, nodes, edges, flows.
  • Chạy pr-lens-cli validate để bắt lỗi (BROKEN_REFERENCE, INVALID_DOCUMENT, DUPLICATE_ID, sai schemaVersion) rồi render ra SVG động theme dark.
  • Nếu chỉ cần sơ đồ: canvas push trả về link xem toàn màn hình prlens.dev/c/{id}; nếu có PR: gh pr create/edit --attach nhúng ảnh vào mô tả.
  • Muốn sửa sơ đồ sai thì viết overlay .github/pr-lens.yml (rename, exclude, gán lane) thay vì sửa tài liệu sinh tự động.
  • Hướng dẫn chọn view theo tinh thần C4 và các nguyên tắc "giữ node không đổi để thấy blast radius", "chỉ một hero edge".

Phù hợp với ai

  • Tech lead muốn reviewer hiểu bối cảnh trước khi đọc diff
  • Kỹ sư backend/platform phải giải thích refactor hoặc thay đổi ranh giới service
  • Thành viên mới cần nắm nhanh kiến trúc một codebase lạ

Ví dụ sử dụng

  1. "Vẽ sơ đồ thay đổi của nhánh này và mở PR" → tạo graph, validate, render, rồi gh pr create --attach với view kiến trúc.
  2. "Vẽ luồng dữ liệu module thanh toán" → đọc code (không cần diff), render và gửi link canvas.
  3. "Node đó đặt sai lane" → thêm quy tắc lane vào .github/pr-lens.yml, validate, render lại, link giữ nguyên.

· · · 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/skills/pr-lens/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 skills/pr-lens từ repo GitHub coldteadotai/pr-lens vào ~/.claude/skills/coldteadotai-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 && cp -r /tmp/pr-lens/skills/pr-lens ~/.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. Kiểm tra Node.js đã cài (node -v) vì skill gọi CLI qua npx.
  2. Nếu muốn đính kèm ảnh vào PR, cần GitHub CLI từ 2.99: kiểm tra gh --version và cập nhật nếu cũ.
  3. Clone repo: git clone https://github.com/coldteadotai/pr-lens.git /tmp/pr-lens
  4. Copy skill: mkdir -p ~/.claude/skills && cp -r /tmp/pr-lens/skills/pr-lens ~/.claude/skills/
  5. Xác nhận thư mục references/ có graph-document.md, config.md và example.graph.json.
  6. Khởi động lại Claude Code và thử: "Dùng PR Lens vẽ sơ đồ thay đổi này".
  7. (Tùy chọn) Nếu dùng analyze để tự sinh tài liệu, chuẩn bị API key Gemini/OpenAI trong biến môi trường.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT