星标数：74724★ Fork数：6782 《Front-End-Checklist：面向人类与 AI 的现代前端质量检查清单》
Front-End Checklist 是面向人类与 AI 智能体的开源前端质量体系。它将前端最佳实践转化为可操作的审查工作流：你可以在网页上浏览、通过兼容 MCP 的工具运行，或直接在 README 中逐项核对。
项目提供三个入口：网站用于浏览和过滤规则，MCP 服务器用于智能体工作流，README 则将整份检查清单集中在一处。规则页面包含详细解释、修复建议与验证步骤。
配套项目 UX Patterns for Devs 可帮助开发者在使用 Front-End Checklist 验证实现质量之前，先选择合适的界面模式。
主要特点
- 包含 386 条英文规则，覆盖 11 个活跃类别
- 托管服务器暴露 11 个 MCP 工具，支持智能体工作流
- 每条规则页面提供解释、修复建议和验证步骤
- 按 Critical、High、Medium、Low 四级优先级标注问题严重程度
- 支持在线浏览、MCP 接入和 README 单页三种使用方式
- 可通过 skills 安装可复用的审计工作流和规则专项指引
MCP 使用示例提示
- Use the Front-End Checklist MCP to review this React component and report the highest-confidence findings first.
- Use the Front-End Checklist MCP to audit https://example.com for accessibility, performance, and SEO issues.
- Use the Front-End Checklist MCP to explain the canonical URL rule and suggest a fix with code examples.
参与贡献
pnpm install
pnpm dev
pnpm validate:rule-structure
pnpm score:rules
pnpm generate:skills
pnpm generate:readme安装 Skills
npx skills add frontendchecklist/skills
npx skills add frontendchecklist/skills --skill https📊 本项目 GitHub 星标数：74724。最后更新：2026-10-06，发布：2026-05-30。项目地址：https://github.com/thedaviddias/Front-End-Checklist
