Front-End-Checklist

照着清单做，前端开发不踩坑

Front-End-Checklist 是一份面向现代 Web 开发的全面检查清单，旨在帮助开发者和 AI 智能体系统地构建高质量、可维护的前端项目。它覆盖了从 HTML、CSS、JavaScript 到性能、可访问性、安全性等关键领域，将零散的前端最佳实践整合为结构化的任务列表。项目以 MDX 格式提供，便于阅读和扩展，并针对 AI 智能体进行了优化，使其能作为可靠的开发指南。它解决了前端开发中容易遗漏细节、标准不一、质量参差不齐的问题，为团队和个人提供了统一的执行标准。核心能力包括：提供分门别类的检查项、支持交互式勾选、附带详细说明和资源链接，以及可被 AI 工具直接引用的结构化数据。

开源 free 智能体

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 74230

维护状态维护中

是否开源是

定价模式 free

项目数据

分类智能体

开发团队thedaviddias

所属国家

官网地址https://frontendchecklist.io

GitHubhttps://github.com/thedaviddias/Front-End-Checklist

定价模式free

价格说明完全免费，无付费版本，所有功能永久开放。

访问状态

是否开源是

开源协议

主要语言MDX

技术栈/模型ai-agent,ai-agents,checklist,css,front-end-developer-tool,front-end-development,frontend,guidelines,html,javascript,lists,reference,resources,rules,web-development

GitHub 星标★ 74230

30天Star增速

HF 下载量

上线时间2017-10-16 00:00:00

最近更新2026-09-22 00:00:00

维护状态维护中

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-09

浏览次数3

使用教程

难度：入门约 10 分钟部署方式：云服务 4 步

⚠ 该项目 README 未提供完整安装说明，以下步骤为通用流程，请以官方文档为准。

环境要求

可联网的现代浏览器，用于浏览官网与规则库
支持 MCP 的 AI 客户端（仅在接入智能体工作流时需要）

安装与启动步骤

1访问官网清单

打开官网首页，用分类导航定位到需要检查的领域，支持浏览与筛选，无需安装任何软件。
2浏览规则详情页

进入规则库页面，查看每条规则的说明、修复建议和验证步骤，也可取用页面提供的 AI 提示词。
3逐项自查项目

对照复选框条目，在项目、代码审计或 Pull Request 中逐项确认，只勾选与当前项目相关的项。
4接入 MCP 服务

在支持 MCP 的 AI 客户端里把服务器地址填为 mcp.frontendchecklist.io，让智能体复用同一套规则库。

关键配置

配置项	必填	说明	示例
`MCP Server 地址`	是	在 MCP 客户端中填写的官方托管服务器地址	`https://mcp.frontendchecklist.io`

如何确认成功

打开 frontendchecklist.io/rules，能看到 11 个分类、385 条规则页面即为正常。

常见问题

Q：需要安装依赖或执行构建命令吗？

A：不需要。该项目以 MDX 文档和在线规则库形式提供，README 未给出任何安装或构建命令，直接用官网或 MCP 服务即可。

Q：清单包含多少条规则？

A：当前提供 385 条英文规则，分属 11 个活跃分类，可在官网按分类筛选浏览。

Q：怎么让 AI 智能体使用这份清单？

A：接入官方托管的 MCP 服务器 mcp.frontendchecklist.io，它对外暴露 11 个 MCP 工具，智能体可直接调用规则库。

Q：官网、MCP 服务和 README 分别什么时候用？

A：浏览和筛选用官网，智能体工作流用 MCP 服务，想在一处查看完整清单时直接读 README。

注意事项

README 未提供本地安装、Docker 或依赖安装说明，不要自行假设构建步骤。
规则内容为英文，实际使用时需结合项目情况取舍条目。
MCP 服务为官方托管，地址以 README 公布的信息为准。

核心亮点

覆盖全面，从基础标签到性能、安全、可访问性，一应俱全
结构化清单，便于人工和 AI 智能体直接引用和执行
基于社区最佳实践，持续更新，可信度高

不足之处

清单条目较多，初学者可能感到信息过载
部分检查项缺少深度示例，需自行查阅文档

适用场景

新项目启动时，作为开发规范和质量基线
代码审查时，快速核对关键点是否遗漏
AI 辅助开发时，作为提示词或工具的知识库

替代项目

awesome-frontend、frontend-dev-bookmarks、web.dev/learn

项目介绍

Front-End-Checklist 是智能体领域的开源项目，由 thedaviddias 开发，2017 年首次发布。

在全站 13,109 个收录项目中，它的 GitHub 星标数（74,230）位列前 1%，在智能体分类的 2,520 个项目里位列前 1%。

近 42 天，它的 GitHub 星标从 73,513 增加到 74,230，净增 717。

项目仍在小幅维护中，最近一次代码更新于 2026-09-22。完全免费，无付费版本，所有功能永久开放。从国内网络环境看，可直接访问。

它主要面向的使用场景是：新项目启动时，作为开发规范和质量基线。同类可对比的替代方案包括 awesome-frontend、frontend-dev-bookmarks、web.dev/learn。

上一篇：AGiXT

下一篇：web-ui