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 提示词。
• 优先级分类：规则按优先级（关键、高、中、低）分类，协助团队排定修复顺序。