Claude Skill MartKhám phá skillCâu dùng ngayLệnh tạo ảnhHọc qua videoDùng terminalSkill là gì?
 
← Về danh sách

ELI5 – Canvas giải thích code

Giải thích codebase, tính năng hoặc pull request cho người hoàn toàn không biết gì, bằng một canvas PR Lens lớn dần từng phần.

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

Làm được gì

Kỹ năng đọc code, rút ra một câu dưới 48 ký tự nói rõ đoạn code đó làm gì cho con người, rồi dựng một canvas PR Lens: bắt đầu bằng 2 ô và 1 mũi tên, mỗi bước thêm 1–3 phần mới, bức tranh toàn cảnh chỉ xuất hiện ở bước cuối.

  • Viết tài liệu .pr-lens/graph.json (lane, node, edge, flow, provenance)
  • Thiết kế các view "lớn dần" và kịch bản walkthrough tối đa 9 bước
  • Chạy validate → render → canvas push và trả về link chia sẻ
  • Cấm từ ngữ kỹ thuật rối rắm (pipeline, handler, orchestrate…), chỉ dùng lời thường

Phù hợp với ai

  • Tech lead cần tài liệu onboarding cho nhân viên mới
  • Lập trình viên phải giải thích hệ thống cho PM, designer hoặc sếp không rành kỹ thuật
  • Maintainer open-source muốn có phần "dự án này làm gì" dễ hiểu
  • Người mở PR lớn muốn reviewer nắm bối cảnh bằng hình thay vì chữ

Ví dụ sử dụng

  1. /eli5 module thanh toán → "Bấm thanh toán là nó gọi tiền từ ngân hàng" kèm canvas lớn dần theo lane trình duyệt → máy chủ → cổng thanh toán
  2. "Giải thích toàn bộ repo này như cho người mới" → view 2 liệt kê 3–5 việc sản phẩm làm, các view sau đi sâu đường chính
  3. "Giải thích PR này cho PM không biết code" → cạnh quan trọng nhất được đánh dấu hero, kèm 1 bước nói chỗ hay hỏng

· · · 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/eli5/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/eli5 từ repo GitHub coldteadotai/pr-lens vào ~/.claude/skills/eli5/ 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/eli5 ~/.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ó Node.js (node -v), vì PR Lens CLI chạy qua npx.
  2. Tải repo: git clone https://github.com/coldteadotai/pr-lens.git
  3. Chép kỹ năng vào thư mục skills: mkdir -p ~/.claude/skills && cp -r pr-lens/skills/eli5 ~/.claude/skills/
  4. Nên chép thêm kỹ năng gốc pr-lens trong cùng repo, vì eli5 kế thừa các quy tắc của sổ tay PR Lens.
  5. Mở Claude Code ngay trong thư mục dự án cần giải thích và gõ /eli5 <thứ cần giải thích>.
  6. Lần đầu chạy có thể cần đồng ý tải npx @coldtea/pr-lens-cli@latest. Kết quả cuối là một link dạng https://prlens.dev/c/....
Xem mã nguồn trên GitHub ↗Giấy phép: MIT