Front-End-Checklist

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

开源 🏷️完全免费 ✅ 目前可打开 智能体 🍴 复刻 6785 🐛 待处理 21 👀 关注 1421
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 74686
维护状态 较活跃
是否开源 开源
定价模式 🏷️完全免费 完全免费,无付费版本,所有功能永久开放。

项目预览

Front-End-Checklist 项目界面预览图
图片来源:项目官网

项目数据

分类智能体
开发团队thedaviddias
定价模式🏷️完全免费
价格说明完全免费,无付费版本,所有功能永久开放。
访问状态✅ 目前可打开
是否开源是
开源协议MIT
主要语言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 星标★ 74686
上线时间2017-10-16 00:00:00
代码更新2026-10-31
仓库体积8.2 MB
本站数据更新2026-11-10
维护状态较活跃
收录时间2026-08-09
浏览次数4

项目介绍

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

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 74686

使用教程

⚠ 本教程由 AI 依据该项目 README 整理;原始文档不完整,部分步骤为通用流程推断,实际安装请以项目官方文档为准。

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

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

环境要求

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

安装与启动步骤

  1. 1访问官网清单

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

  2. 2浏览规则详情页

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

  3. 3逐项自查项目

    对照复选框条目,在项目、代码审计或 Pull Request 中逐项确认,只勾选与当前项目相关的项。

  4. 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

上一篇:AGiXT

下一篇:web-ui

同类项目推荐

MetaGPT 开源

AI 团队流水线开工,产品经理到码农齐活

The Multi-Agent Framework: First AI Software Company, Towards Natural Language Progr···

★ 71232 2026-08-09
Signex 开源

用大白话描述关注点,自动收集分析信息,打造个人情报中心。

Personal intelligence agent powered by Claude Code. Describe what to watch, it colle···

★ 98 2026-08-09
layrr 开源

在浏览器里点选元素,直接指挥 Claude Code 改代码

A browser coding agent interface for selecting elements and sending instructions dir···

★ 267 2026-08-09
skills 开源

给智能体装上即插即用的百款应用技能

inference.sh Agent skills for using our API to give your agents access to hundreds o···

★ 804 2026-11-08
lineage-skill 开源

把视频PDF笔记变成有出处的AI教学技能

Distill your teacher into a source-backed Skill that teaches you until you can work ···

★ 473 2026-08-09
raytsystem-public-os 开源

本地优先的智能体工作空间,让知识、任务与流程尽在掌控。

Local-first agent workspace for knowledge, tasks, documents and verifiable workflows···

★ 151 2026-08-09
claude-code-prompts 开源

拿来即用的 AI 编程提示词模板,让代理更聪明地干活

Independently authored prompt templates for AI coding agents — system prompts, tool···

★ 1224 2026-08-09
Deep-Research-AI-Agent 开源

输入主题,自动追问、搜索、写报告,一键生成深度调研结果。

Build a powerful Deep Research AI agent like Gemini or ChatGPT. Using Next.js, Verce···

★ 163 2026-08-09