前端檢查清單:提供標準化規則語料庫供人類與 AI 驅動稽核的前端品質系統
前端檢查清單:提供標準化規則語料庫供人類與 AI 驅動稽核的前端品質系統
它解決了什麼問題
前端檢查清單提供一套標準化、開源的品質系統,確保前端開發遵循最佳實踐。它透過提供完整的規則與驗證步驟,解決了在可及性、效能、SEO、安全性以及一般程式碼標準等方面實作品質不一致的問題。
它如何運作
此專案包含 385 條規則,分屬 11 個類別。使用者可以透過以下三種主要方式與此知識庫互動:
- Web 介面:可搜尋、可篩選的網站,用於瀏覽與手動稽核。
- MCP 伺服器:Model Context Protocol(MCP)伺服器,讓 AI 代理直接存取規則語料庫,以執行自動程式碼審查、稽核即時 URL,並提供修正指引。
- Skills:可重複使用的稽核工作流程,可安裝至支援的工具中,提供針對特定規則的指導。
目標對象
此系統設計給前端開發者、品質保證工程師,以及負責稽核與提升使用 React、Next.js、HTML、CSS、JavaScript 等技術建構之網頁介面品質的 AI 代理。
重點特色
- 完整規則集:385 條規則,涵蓋 HTML、CSS、JavaScript、效能、可及性、SEO、安全性、影像、測試、隱私與國際化。
- AI 代理就緒:專屬 MCP 伺服器,提供高信心的 AI 驅動前端發現。
- 依優先級的稽核:規則依優先級(Critical、High、Medium、Low)分類,協助團隊排序修復工作。
- 可執行指導:每條規則皆包含說明、修正步驟與驗證方法。
摘要: 一套開源的前端品質系統,透過網站與 MCP 伺服器,將最佳實踐轉化為人類與 AI 代理皆可使用的實務審查工作流程。
標題: 前端檢查清單:提供標準化規則語料庫供人類與 AI 驅動稽核的前端品質系統
Sources
- undefinedthedaviddias/Front-End-Checklist