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 mã nguồn

Agent viết một tài liệu JSON, PR Lens biến nó thành sơ đồ kiến trúc/luồng dữ liệu động (SVG) gắn thẳng vào pull request.

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

Làm được gì

  • Trực quan hóa một thay đổi mã nguồn hoặc một phần codebase thành sơ đồ kiến trúc / luồng dữ liệu có hoạt họa.
  • Agent chỉ cần viết một tài liệu JSON mô tả đồ thị; CLI @coldtea/pr-lens-cli sẽ render ra một file SVG độc lập mà GitHub hiển thị được ngay trong comment, không cần script.
  • Lệnh validate chỉ đích danh trường bị sai để agent tự sửa tài liệu.
  • SKILL.md chỉ là "stub" giới thiệu; hướng dẫn thật được tải từ CLI bằng npx @coldtea/pr-lens-cli@latest skill và skill references, nên luôn khớp phiên bản đang dùng.

Phù hợp với ai

  • Lập trình viên muốn reviewer nắm nhanh phạm vi thay đổi của PR
  • Team lead cần sơ đồ hệ thống cho tài liệu onboarding
  • Người dùng bất kỳ coding agent nào (Claude Code, Codex, Cursor, Copilot…) muốn tự động kèm sơ đồ

Ví dụ sử dụng

  1. "Vẽ sơ đồ thay đổi luồng xác thực trong PR này" → agent tạo JSON → render SVG → đính vào comment PR
  2. "Trực quan hóa luồng dữ liệu của module thanh toán" → đọc code và mô tả quan hệ gọi giữa các module
  3. "Kiểm tra tài liệu sơ đồ này có hợp lệ không" → chạy validate để tìm và sửa trường sai

· · · 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 đã cài Node.js (node -v) vì cần npx để chạy CLI.
  2. Clone kho mã: git clone https://github.com/coldteadotai/pr-lens.git
  3. Sao chép thư mục skill: mkdir -p ~/.claude/skills && cp -r pr-lens/skills/pr-lens ~/.claude/skills/
  4. Khởi động lại Claude Code và kiểm tra pr-lens xuất hiện trong danh sách skill.
  5. Lần đầu dùng, để agent chạy npx @coldtea/pr-lens-cli@latest skill nhằm tải hướng dẫn mới nhất (lần đầu có thể mất vài chục giây để tải gói).
  6. Thử yêu cầu: "Vẽ sơ đồ cho thay đổi này giúp tôi".
Xem mã nguồn trên GitHub ↗Giấy phép: MIT