产品简介
Front-End-Checklist Checklist 是一个开源的前端质量系统，它为开发者（及AI代理）将385条跨11个类别的前端最佳实践规则，转化成可在网站浏览、通过MCP工具使用或在README中直接操作的实用审核工作流，帮助系统化提升代码质量。
核心功能
- 涵盖385条覆盖11大类的前端规则
- 提供规则解释、修复指南和验证步骤
- 支持通过网页交互浏览和筛选规则
- 内置11个MCP工具，便于AI代理集成调用
- 可选择性专注于审计特定类别（如可访问性、SEO）
快速开始
- 在网站或README中根据项目需求，选择对应的审核类别（如HTML、CSS）。
- 按照检查清单中的勾选项，逐项对代码、页面或PR进行审核。
- 需要详细指导时，点击链接查看对应规则的完整解释、示例和修复方法。
- 访问 frontendchecklist.io 进行交互式浏览，或使用 mcp.frontendchecklist.io 让AI代理直接调用规则。
界面预览
与其他方案对比
| 对比项 | Front-End-Checklist | 同类方案 |
|---|---|---|
| 与同类工具对比 | 专注于提供结构化的、可执行的前端最佳实践清单，既有详尽规则页面，又提供MCP工具集成和网页交互界面，流程灵活。 | 部分工具可能更偏向自动化扫描或单一功能，而此工具强调“清单”作为引导审核流程的核心，并支持多入口（网页、MCP、README）使用。 |
适合谁用
- 需要系统化检查前端代码质量的开发者
- 负责代码审查或制定规范的技术团队
- 希望将前端最佳实践集成到自动化流程中的团队
- 需要与MCP兼容工具结合进行AI辅助审核的用户
下载与版本
当前最新版本为 v2.0，发布于 2026-05-30。支持 Windows、macOS、Linux。
⚠️ 注意：本项目仅提供源代码下载，不包含可直接运行的安装包（exe/dmg/apk 等。下载后需要自行编译构建才能使用，适合有一定开发经验的用户。如果你不熟悉编译流程，建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用，请遵守相关法律法规。
- 请尊重内容创作者版权，勿将下载内容用于商业或非法传播。
- 项目源码地址：https://github.com/thedaviddias/Front-End-Checklist