AI Skill MartKhám phá skillLệnhChương trìnhHọcSkill là gì?
 
← Về danh sách

jury — Chấm điểm website theo chuẩn ban giám khảo Awwwards

Chấm điểm một URL đang chạy hoặc bản build local chỉ dựa trên ảnh chụp màn hình và số liệu đo thật, theo tiêu chí Awwwards, kèm danh sách sửa lỗi xếp theo mức ảnh hưởng.

Thiết kế · UITrung cấp★ 1,042⑂ 45Điểm AI 9/10Cập nhật lần cuối: 26 thg 10, 2026

Làm được gì

  • Dùng Playwright chụp mọi loại trang: desktop 1440, điện thoại 390 bị bóp hiệu năng (CPU x4, 4G chậm), chế độ giảm chuyển động, focus bàn phím, cặp ảnh rest/hover, chuyển động khi idle, khung hình chuyển trang và cả trang 404.
  • Đo LCP, CLS, FPS, lỗi accessibility bằng axe, tràn bố cục, SEO và metadata; lưu vào audit.txt và summary.json.
  • Một "giám khảo mù" (subagent không hề thấy mã nguồn) chấm Design 40%, Usability 30%, Creativity 20%, Content 10% cùng 6 hạng mục kỹ thuật (Semantics/SEO, Animations, Accessibility, WPO, Responsive, Markup/Meta).
  • Xuất scorecard.md: mỗi điểm đều trích dẫn tên file ảnh hoặc trường trong báo cáo, kèm danh sách fix ưu tiên.
  • Ước lượng dải giải thưởng (Honorable Mention / Site of the Day) dựa trên hệ số hiệu chỉnh, luôn ghi rõ đây là ước lượng, không liên quan tới Awwwards.

Phù hợp với ai

  • Designer/frontend muốn kiểm tra portfolio hay landing page trước khi nộp Awwwards.
  • Agency cần báo cáo design QA có bằng chứng cho khách hàng.
  • Người muốn so sánh site của mình với đối thủ trên cùng một thang đo.

Ví dụ sử dụng

  1. "Chấm điểm portfolio example.com của tôi" → crawl, chụp ảnh, đo đạc rồi trả về bảng điểm và danh sách fix.
  2. Dự án Next.js: "review bản build hiện tại" → chạy npm run build, phục vụ production ở cổng 4400 rồi chấm (từ chối dev server).
  3. "Site của tôi so với đối thủ" → mỗi site một giám khảo riêng, sau đó đặt hai bảng điểm cạnh nhau.
  4. Sau khi sửa: chấm lại bằng giám khảo mới, bảng cũ đổi tên thành scorecard-1.md và hiển thị mức thay đổi từng hạng mục.

· · · 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/juliobsz/skills/HEAD/jury/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 AI Skill Mart.
Copy thư mục jury từ repo GitHub juliobsz/skills vào ~/.claude/skills/jury/ 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/juliobsz/skills.git /tmp/juliobsz-skills && mkdir -p ~/.claude/skills && cp -r /tmp/juliobsz-skills/jury ~/.claude/skills/jury

⚠ Đâ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 từ phiên bản 20: node -v
  2. Clone repo: git clone https://github.com/juliobsz/skills.git /tmp/juliobsz-skills
  3. Chép skill vào thư mục skills: mkdir -p ~/.claude/skills && cp -r /tmp/juliobsz-skills/jury ~/.claude/skills/jury
  4. Cài công cụ đo một lần vào thư mục cache (để không thêm dependency vào dự án người khác): mkdir -p ~/.cache/jury && cd ~/.cache/jury && npm init -y && npm i -D playwright axe-core
  5. Cài trình duyệt: cd ~/.cache/jury && npx playwright install chromium
  6. Mở lại Claude Code và yêu cầu: "dùng jury chấm điểm https://example.com".
  7. Kết quả nằm trong .jury/<host>/ ở thư mục hiện tại: ảnh chụp, audit.txt và scorecard.md.
  8. Site có đăng nhập/mật khẩu sẽ không chấm được — hãy chuẩn bị URL công khai hoặc bản build production local.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT