thedaviddias/Front-End-Checklist

GITHUB中文整理

主语言 MDX · 74,584 星 · MIT · 创建于 2017-10-16

前端检查代码审查质量清单MCP工具
打开 GitHub 仓库

这是一个面向前端开发质量检查的开源检查清单系统,把前端最佳实践整理成可逐项核对的规则集合,提供网页浏览、命令行工具调用和直接查阅三种使用方式。

Stars 74,584 累计 star,越多说明被认可得越广
Watching 1,428 订阅该仓库变动的人数
Forks 6,766 被派生出去的仓库数
Issues 13 当前开放的 Issue 数
语言 MDX GitHub 自动判定的主语言
许可证 MIT 开源协议,用之前先确认能不能商用
24h 增长 — 数据积累中
7 日增长 — 数据积累中
30 日增长 — 数据积累中

仓库健康度

5 个维度
只看客观信号,不构成安全性结论
维护活跃度 数据完整
2026-10-06 20:58 最近推送

最近推送 2026-10-06 20:58(22 天前),属于活跃维护

社区响应 数据完整
13 开放 Issue

开放 Issue 13 个 · Fork 6,766 个

增长趋势 证据不足
— 7 日新增

star 记录还不够天数,增量算不出来

项目规范 数据完整
MIT 许可证

许可证 MIT · 8 个 topics

版本发布 证据不足
— 发布次数

这一项暂无数据,不代表项目没有发布

「证据不足」表示这项数据暂时没有取到,不能读成「项目有问题」;「部分数据」表示只拿到一部分信号。版本发布要额外调 Releases 接口,下一版补。

Star 趋势

6 天记录
最近 90 天站内记录的星数
74,584当前 Star +35首尾差值 2026-10-23最早记录 2026-10-28最近记录

横轴 2026-10-23 → 2026-10-28,纵轴按这段时间的最小/最大值拉伸。趋势来自站内每天记录一次的星数,页面打开时不会实时请求 GitHub。

它解决什么问题

据 README 归纳
没有它会怎样

前端项目在开发、审计或提交代码时容易遗漏可访问性、性能、SEO、安全等方面的质量问题,缺少统一且可操作的核对依据,导致问题上线后才被发现,修复成本更高。

核心能力

6 条
归纳自 README,不是功能列表照抄
  1. 1按类别浏览并逐项核对386条英文规则,覆盖11个活跃类别
  2. 2为每条规则提供解释、修复指引和验证步骤
  3. 3通过托管的MCP服务提供11个工具,供兼容的智能体直接查询和审计
  4. 4按严重程度将规则分为关键、高、中、低四个优先级
  5. 5提供精选清单和分类页面,用于聚焦特定审计场景
  6. 6支持对粘贴的代码或文件内容进行规则对照审查

项目画像

6 个角度
决定要不要用之前,先看这六条

项目定位

这是一个面向前端开发质量检查的开源检查清单系统,把前端最佳实践整理成可逐项核对的规则集合,提供网页浏览、命令行工具调用和直接查阅三种使用方式。

适合谁

适合前端开发者、代码审查人员以及使用兼容MCP工具的智能体,在项目自查、代码审计或提交合并请求前进行质量核对。

典型场景

在提交合并请求前,按清单逐项核对代码是否满足前端质量要求;让兼容MCP的智能体对粘贴的代码或文件内容进行规则对照审查;针对可访问性、性能或SEO等特定类别打开分类页面做集中审计

部署难度

直接浏览网页即可使用,无需本地安装;若要本地调用MCP服务,需运行仓库中的stdio服务并配置兼容的智能体环境。

风险限制

规则以英文撰写;MCP方式需要兼容的智能体环境;仓库为多包结构,涉及网站、内容、MCP服务等多个子包。

最近维护

最近一次推送是 2026-10-06 20:58。 实现方式:规则内容以MDX形式存放在内容包中,经网站和MCP服务对外提供;使用者按类别导航逐项勾选适用条目,需要详细说明时打开对应规则页查看解释与验证步骤。

README 原文细节

2 个板块
项目自己写的功能与用法,原文照录

怎么用最典型的用法与示例

How to use this checklist

  • Start with the category navigator below and jump straight to the part of the checklist you need.
  • Work through the checkbox items that apply to your project, audit, or pull request.
  • Open the linked rule pages when you need the full guidance, examples, verification steps, and AI prompts.
  • Use frontendchecklist.io for interactive browsing, and mcp.frontendchecklist.io when you want agents to use the same rule corpus directly.

其它说明README 里剩下的内容

What you get

  • 386 English rules across 11 active categories
  • 11 MCP tools exposed by the hosted server
  • Rule pages with explanations, remediation guidance, and verification steps

Priority legend

  • ![Critical][criticalimg] means site-breaking, compliance-sensitive, or security-sensitive issues that should be fixed first.
  • ![High][highimg] means issues with major impact on user experience, accessibility, performance, or discoverability.
  • ![Medium][mediumimg] means strong best practices that should be part of normal frontend quality review.
  • ![Low][lowimg] means useful improvements that are situational or lower urgency.

Browse online

  • Explore all rules at frontendchecklist.io/rules
  • Use curated checklists at frontendchecklist.io/checklists
  • Open a category page for focused audits and implementation guidance

关于 Front-End-Checklist 的常见问题

6 个问题
答案来自 README 归纳与 GitHub 实时数据
Front-End-Checklist 是做什么的?

这是一个面向前端开发质量检查的开源检查清单系统,把前端最佳实践整理成可逐项核对的规则集合,提供网页浏览、命令行工具调用和直接查阅三种使用方式。 前端项目在开发、审计或提交代码时容易遗漏可访问性、性能、SEO、安全等方面的质量问题,缺少统一且可操作的核对依据,导致问题上线后才被发现,修复成本更高。

Front-End-Checklist 有哪些功能?

核心能力:按类别浏览并逐项核对386条英文规则,覆盖11个活跃类别;为每条规则提供解释、修复指引和验证步骤;通过托管的MCP服务提供11个工具,供兼容的智能体直接查询和审计;按严重程度将规则分为关键、高、中、低四个优先级;提供精选清单和分类页面,用于聚焦特定审计场景;支持对粘贴的代码或文件内容进行规则对照审查。

Front-End-Checklist 适合谁用?

适合前端开发者、代码审查人员以及使用兼容MCP工具的智能体,在项目自查、代码审计或提交合并请求前进行质量核对。

Front-End-Checklist 是怎么工作的?

规则内容以MDX形式存放在内容包中,经网站和MCP服务对外提供;使用者按类别导航逐项勾选适用条目,需要详细说明时打开对应规则页查看解释与验证步骤。

用 Front-End-Checklist 有什么门槛或限制?

规则以英文撰写;MCP方式需要兼容的智能体环境;仓库为多包结构,涉及网站、内容、MCP服务等多个子包。

Front-End-Checklist 现在还在维护吗?数据怎么样?

目前 74,584 星,6,766 个 Fork,主语言 MDX,创建于 2017-10-16,最近一次推送 2026-10-06 20:58,许可证 MIT。星数、Fork、推送时间都是 GitHub 返回的实时数据,「最近推送」离现在越近说明越活跃;长期不动要留意是否已停止维护。

这些内容来自哪

读法说明
中文整理据 README 归纳,数据取自 GitHub
中文说明据项目 README 归纳只写 README 能确认的内容,不替作者补功能与数字
关键数据与 GitHub 页面一致星数、Fork、语言与时间都不做二次加工
数据日期2026-10-23 17:55星数与介绍这份数据是哪一天的

项目数据取自 GitHub 官方接口与项目 README;星数、Fork、语言与时间以 GitHub 页面为准,档案更新于 2026-10-23 17:55。