Repolode
Submit
thedaviddias

thedaviddias/Front-End-Checklist

An open-source checklist of 386 front-end best-practice rules for humans and AI agents, with a hosted MCP server for agent-driven audits.

View on GitHubWebsite
Stars
74,541
Forks
6,759
Open issues
14
Last commit
16 days ago

What is it?

Front-End Checklist is a structured set of front-end quality rules covering HTML, CSS, JavaScript, performance, accessibility, SEO, security, images, privacy, i18n and testing. Each rule has a priority level, a short explanation, remediation guidance and verification steps, and the rules can be browsed on the project website or worked through directly as checkbox lists.

The project also exposes the same rule corpus through a hosted MCP server, so MCP-compatible agents can review pasted code, audit a public URL, fetch a specific rule or search rules by keyword, category or priority. Reusable skills are available for broader audits or focused rule-specific guidance.

The repository is built with MDX and pnpm, with scripts to validate rule structure, score the corpus and regenerate the README and skill files from the rule source.

Key features

  • 01Covers 386 rules across 11 categories including HTML, CSS, JavaScript, accessibility and performance.
  • 02Each rule includes priority, explanation, remediation guidance and verification steps.
  • 03Hosted MCP server lets agents review code, audit URLs and search rules.
  • 04Installable skills provide broad audit workflows or focused single-rule guidance.
  • 05Browsable website with filtering and curated checklists.

Use cases

  • Reviewing a pull request or component against a shared front-end quality standard.
  • Running a launch audit covering accessibility, performance and SEO before shipping a site.
  • Letting an AI coding agent check generated frontend code against established best practices.
  • Onboarding team members to modern web development practices through a rule-by-rule checklist.

Quick start

  1. 1

    Install dependencies

    pnpm install
  2. 2

    Run local development

    pnpm dev

Topics

#front-end#checklist#web-development#accessibility#performance#seo#mcp#html-css#ai-agent#ai-agents

FAQ

What is Front-End-Checklist?
An open-source checklist of 386 front-end best-practice rules for humans and AI agents, with a hosted MCP server for agent-driven audits. Front-End Checklist is a structured set of front-end quality rules covering HTML, CSS, JavaScript, performance, accessibility, SEO, security, images, privacy, i18n and testing. Each rule has a priority level, a short explanation, remediation guidance and verification steps, and the rules can be browsed on the project website or worked through directly as checkbox lists.
Is Front-End-Checklist free to use? What license does it have?
Front-End-Checklist is open source under the MIT license. Check the license terms before using it in commercial products.
Is Front-End-Checklist still maintained?
Actively maintained. The last commit to Front-End-Checklist was on Oct 6, 2026.
What can I use Front-End-Checklist for?
Reviewing a pull request or component against a shared front-end quality standard. Running a launch audit covering accessibility, performance and SEO before shipping a site. Letting an AI coding agent check generated frontend code against established best practices. Onboarding team members to modern web development practices through a rule-by-rule checklist.
How do I install Front-End-Checklist?
Install dependencies: pnpm install Run local development: pnpm dev
Where can I get Front-End-Checklist?
The source code and installation instructions are on GitHub: https://github.com/thedaviddias/Front-End-Checklist

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects