thedaviddias/Front-End-Checklist

解決的問題

Front-End Checklist 提供了一個結構化且全面的系統，用於確保現代網頁開發的品質。它透過將最佳實踐轉化為人類開發者與 AI 代理皆可執行的實務審核工作流程，解決了前端實作品質不一致的問題。

運作方式

該專案包含 11 個類別（如 HTML、CSS、效能、無障礙與 SEO）共 386 條規則。這些規則透過三種主要介面提供：

1. Web Interface：一個用於瀏覽與篩選規則的互動式網站。
2. MCP Server：一個 Model Context Protocol 伺服器，允許 AI 代理執行程式碼審查、審核即時 URL，並直接使用規則庫搜尋修復建議。
3. Static Checklist：README 中提供的完整清單，用於手動審核。

適用對象

• 前端開發者：確保程式碼符合產業標準與最佳實踐。
• AI 代理：在程式碼審查期間提供高可信度的前端發現與修復建議。
• QA 工程師：對網頁與 Pull Request 進行結構化審核。

特色亮點

• AI-Ready：整合 Model Context Protocol (MCP)，實現無縫的代理工作流程。
• 全面覆蓋：涵蓋 11 個活躍類別的 386 條規則，包括安全性、隱私與國際化。
• 可執行指引：規則頁面包含解釋、驗證步驟以及用於修復的特定 AI 提示詞。
• 優先級分類：規則按優先級（關鍵、高、中、低）分類，協助團隊排定修復順序。