thedaviddias/Front-End-Checklist

这是什么？

核心功能

• 01覆盖 11 个分类共 386 条规则，包括 HTML、CSS、JavaScript、无障碍和性能。
• 02每条规则都包含优先级、说明、修复建议和验证步骤。
• 03托管的 MCP 服务器支持代理审查代码、审计网址和检索规则。
• 04可安装的 skills 提供整体审计流程或单条规则的专项指导。
• 05官网支持筛选浏览，并提供精选检查清单。

适用场景

• 在合并 PR 或评审组件时，对照统一的前端质量标准逐项检查。
• 上线前对网站进行涵盖无障碍、性能和 SEO 的发布审计。
• 让 AI 编程代理用既定最佳实践检查其生成的前端代码。
• 通过逐条规则的检查清单，帮助团队成员熟悉现代 Web 开发实践。

快速上手

1. 1

   安装依赖

   pnpm install
2. 2

   启动本地开发环境

   pnpm dev

标签

常见问题

Front-End-Checklist 是什么？

面向开发者和 AI 代理的开源前端最佳实践检查清单，包含 386 条规则和 MCP 审查服务。 Front-End Checklist 是一套结构化的前端质量规则，覆盖 HTML、CSS、JavaScript、性能、无障碍、SEO、安全、图片、隐私、国际化和测试等方面。每条规则都标注了优先级，并附有简要说明、修复建议和验证步骤，可以在官网浏览，也可以直接在 README 中按复选框逐项检查。

Front-End-Checklist 可以免费使用吗？用的什么许可证？

Front-End-Checklist 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

Front-End-Checklist 还在维护吗？

活跃维护中。Front-End-Checklist 最近一次提交是在 2026年10月6日。

Front-End-Checklist 适合用来做什么？

在合并 PR 或评审组件时，对照统一的前端质量标准逐项检查。 上线前对网站进行涵盖无障碍、性能和 SEO 的发布审计。 让 AI 编程代理用既定最佳实践检查其生成的前端代码。 通过逐条规则的检查清单，帮助团队成员熟悉现代 Web 开发实践。

Front-End-Checklist 怎么安装和运行？

安装依赖: pnpm install 启动本地开发环境: pnpm dev

在哪里获取 Front-End-Checklist？

源代码和安装说明在 GitHub 上：https://github.com/thedaviddias/Front-End-Checklist