The Front-End Checklist repository, maintained by thedaviddias, is a comprehensive open-source resource designed to guide developers and AI agents through the essential best practices of modern web development. Its primary purpose is to provide a structured, practical workflow for reviewing and auditing front-end projects, ensuring high-quality, accessible, performant, and secure web applications. The checklist is available both as a browsable website and as a set of tools and documentation for integration into automated workflows and agent-based systems.
The repository features a catalog of 385 English-language rules, organized into 11 active categories: HTML, CSS, JavaScript, Performance, Accessibility, SEO, Security, Images, Testing, Privacy, and Internationalization. Each rule is accompanied by explanations, remediation guidance, and verification steps, making it easy for developers to understand the rationale behind each recommendation and how to implement it. The checklist is designed to be used in various contexts, including manual audits, code reviews, pull requests, and automated agent workflows.
A key feature of the Front-End Checklist is its integration with MCP (Modular Checklist Protocol), which enables AI agents and compatible tools to interact with the checklist programmatically. The hosted MCP server exposes 11 tools that allow agents to review code, audit live URLs, fetch specific rules, search by keyword or category, and generate focused workflows for audits. This integration supports a wide range of frontend technologies, including React, Next.js, HTML, CSS, and JavaScript, and covers critical areas such as accessibility, performance, SEO, security, images, privacy, internationalization, and testing.
The repository also provides a priority legend to help users triage issues based on their impact: Critical issues are site-breaking or compliance-sensitive and should be addressed first; High-priority issues affect user experience, accessibility, performance, or discoverability; Medium-priority issues represent strong best practices; and Low-priority issues are situational improvements with lower urgency. This prioritization helps teams focus their efforts where they matter most.
For interactive use, the checklist can be browsed online at frontendchecklist.io, where users can filter and explore rules, access curated checklists, and open category pages for focused audits. Developers are encouraged to use the companion project, UX Patterns for Devs, to select appropriate UI patterns before verifying implementation quality with the checklist. The repository supports local development and contributions, offering scripts for installing dependencies, running development servers, validating rule structure, scoring rules, and generating derived artifacts.
In addition to manual and agent-based workflows, the Front-End Checklist offers reusable audit workflows and rule-specific guidance through its "skills" system. These skills can be installed in compatible tools to run broad audits or focused reviews on specific concerns, such as security or accessibility. Example entry points and skills are provided for global audits and targeted rule explanations.
Overall, the Front-End Checklist serves as a vital reference and workflow tool for frontend developers, quality assurance teams, and AI agents. It consolidates industry best practices into actionable rules, supports both human and automated review processes, and fosters a culture of high-quality, user-centric web development. The repository is actively maintained and welcomes contributions from the community, ensuring that its guidance remains current and relevant in the rapidly evolving landscape of frontend technology.
