thedaviddias/Front-End-Checklist

🧾 Bộ checklist frontend định chuẩn cho con người và AI

385 quy tắc chuẩn, 11 danh mục, hỗ trợ đánh giá chất lượng code, rà soát trang web và tích hợp MCP cho AI agents.

Front-End Checklist là hệ thống kiểm tra chất lượng frontend mã nguồn mở, thiết kế cho cả con người và AI agents. Dự án biến các phương pháp hay nhất về frontend thành quy trình kiểm tra thực tiễn, có thể truy cập qua website, chạy với công cụ tương thích MCP, hoặc làm việc trực tiếp trong README này.

✨ Điểm nổi bật

• 385 quy tắc chuẩn: Phân bổ trên 11 danh mục hoạt động, đưa ra hướng dẫn chi tiết, gợi ý khắắc phục và bước xác minh cho từng quy tắc.
• Hỗ trợ MCP: 11 công cụ MCP do máy chủ cung cấp, cho phép AI agents thực hiện đánh giá code, rà soát URL, tìm kiếm quy tắc và đưa ra gợi ý khắc phục.
• Nhiều cách sử dụng linh hoạt: Duyệt qua website, tích hợp MCP vào agent, hoặc làm việc trực tiếp trong README tùy theo nhu cầu.
• Hệ thống mức độ ưu tiên rõ ràng: Phân loại từng quy tắc thành Critical, High, Medium, Low để ưu tiên sửa chữa.
• Hưỗng dẫn chi tiết từng quy tắc: Trang quy tắc kèm giải thích, hướng dẫn khắắc phục và bước xác minh.
• Hỗ trợ đa dạng ngôn ngữ: Áp dụng cho HTML, CSS, JavaScript, React, Next.js, tiếp cận truy cập, hiệu suất, SEO, bảo mật, hình ảnh, quyền riêng tư, đa ngôn ngữ và kiểm thử.
• Công cụ cho agent AI: Bao gồm các công cụ như review_code, search_rules, get_workflow, get_checklist_rules và audit_url.
• Tích hợp skills có thể tái sử dụng: Cài đặt các skills audit toàn cục hoặc skills theo quy tắc cụ thể.

💡 Vì sao đáng chú ý

Không chỉ là danh sách kiểm tra tĩnh tại, Front-End Checklist cung cấp quy trình làm việc linh hoạt qua website, MCP và README. Điều này giúp cả nhà phát triển và AI agents đồng thời rà soát chất lượng code một cách hiệu quả. Đặc biệt, khả năng tích hợp MCP cho phép AI tham gia trực tiếp vào quy trình đánh giá, đưa ra các phát hiện có độ tin cậy cao và gợi ý khắc phục kèm ví dụ thực tế.

#FrontendChecklist #WebDevelopment #MCP #OpenSource #TiniX