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

Kiểm định Best Practices cho Web

Skill rà soát bảo mật, tương thích trình duyệt và chất lượng mã theo chuẩn Lighthouse Best Practices.

Bảo mật · ReviewTrung cấp★ 2,630⑂ 238Điểm AI 8/10Cập nhật lần cuối: 14 thg 6, 2026

Làm được gì

  • Kiểm tra nền tảng bảo mật web: HTTPS/mixed content, CSP, Trusted Types, SRI, security headers, cookie an toàn — kèm ví dụ ❌/✅.
  • Phát hiện lỗi tương thích trình duyệt: doctype, charset, viewport, feature detection, chiến lược polyfill an toàn.
  • Chỉ ra API đã lỗi thời (document.write, XHR đồng bộ, listener không passive) và các mẫu gây rò rỉ bộ nhớ.
  • Cung cấp checklist chất lượng mã: source map lộ ở production, lỗi console, HTML semantic, tỉ lệ ảnh.

Phù hợp với ai

  • Lập trình viên frontend và agency web cần rà soát trước khi deploy.
  • Người phụ trách nâng điểm 'Best Practices' trong Lighthouse.
  • Nhóm mới bắt đầu áp dụng CSP hoặc Trusted Types.

Ví dụ sử dụng

  1. "Áp dụng best practices cho dự án này" → phát hiện mixed content, dependency có CVE, thiếu security header và đề xuất bản sửa.
  2. "Audit bảo mật giúp mình" → soạn header CSP, khuyến nghị chạy npm audit, thêm hash SRI cho script CDN.
  3. "Hiện đại hóa code cũ" → thay document.write và XHR đồng bộ bằng dynamic script + fetch, dọn listener bằng AbortController.

· · · 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/addyosmani/web-quality-skills/HEAD/skills/best-practices/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/best-practices từ repo GitHub addyosmani/web-quality-skills vào ~/.claude/skills/best-practices/ 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/addyosmani/web-quality-skills.git && mkdir -p ~/.claude/skills && cp -r web-quality-skills/skills/best-practices ~/.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. Mở Terminal.
  2. Tải repo: git clone https://github.com/addyosmani/web-quality-skills.git
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills
  4. Copy skill: cp -r web-quality-skills/skills/best-practices ~/.claude/skills/
  5. Khởi động lại Claude Code và thử yêu cầu: "security audit" hoặc "apply best practices".
  6. (Tùy chọn) Copy thêm skill web-quality-audit trong cùng repo để liên kết tham chiếu hoạt động.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT