Skip to main content
Beta: Front-End Checklist is currently in beta. Some issues are still being fixed. Thanks for your patience.

Trusted front-end quality rules for humans and AI agents

The essential checklist for modern web development, with 350+ rules across launch, review, accessibility, performance, security, privacy, and SEO workflows. Browse the corpus, start with curated checklists, or connect the same standards to AI tools with MCP.

Categories

Browse by Category

Use curated checklists when you want a guided path, or explore 11 categories with 350+ rules when you already know the area you need

WCAG compliance and inclusive design

Not started0/95

Styling, responsive design, and optimization

Not started0/32

Semantic markup and document structure

Not started0/25

Localization, language, and translation workflows

Not started0/5

Optimization and responsive images

Not started0/25

Modern patterns and code organization

Not started0/26

Core Web Vitals and rendering strategies

Not started0/43

Consent, tracking, and user data rights

Not started0/5

Security best practices

Not started0/22

Meta tags and search optimization

Not started0/94

Testing strategies and QA

Not started0/13
Curated

Ready-Made Checklists

Start with guided workflows that help juniors, senior reviewers, launch teams, and AI-assisted audits begin in the right place

Essential checks to complete before deploying your website to production. Covers critical items across HTML, SEO, security, and performance.

Launch workflowLaunch workflowJunior dev

Use before a new site, major redesign, or high-risk release goes live.

16 rules45 minutesBeginner

Comprehensive checklist for search engine optimization. Improve your site's visibility and rankings with these best practices.

Search visibility passSenior reviewerAI-assisted audit

Use when traffic, indexing, metadata quality, or editorial discoverability are active concerns.

12 rules30 minutesIntermediate

High-impact performance optimizations that are relatively easy to implement. Get the most improvement with the least effort.

Fast performance winsJunior devLaunch workflow

Use when you want the highest-impact performance improvements without a deep performance investigation.

8 rules20 minutesBeginner

Core accessibility requirements for WCAG compliance. Ensure your website is usable by everyone, including people with disabilities.

Accessibility foundationsJunior devSenior reviewer

Use on new pages, redesigns, or baseline accessibility reviews where the core experience matters more than edge-case nuance.

12 rules35 minutesIntermediate
AI Integration

Bring the checklist into your AI workflow

Use the Model Context Protocol (MCP) to integrate Front-End Checklist with Claude, Cursor, and other AI tools. Review code, fetch rules, run focused workflows, and keep your assistants grounded in the same standards your team uses on the site.

Proactive Code Review

Analyze code against the same trusted rule corpus automatically

Smart Search

Find relevant rules by category or keyword

Quick References

Generate checklists for CI/CD pipelines

https://mcp.frontendchecklist.io
Setup InstructionsWorks with Claude, Cursor, and more
Community Love

What developers are saying

Trusted by thousands of developers worldwide

Coming Soon

Pro features for teams and power users

The checklist will always be free. We're building additional tools for teams and professionals who want to take their workflow to the next level.

Team Workspaces

Share progress and collaborate with your team

Analytics Dashboard

Track completion trends and identify patterns

Smart Reminders

Get notified about incomplete critical items

Free forever for individuals
FAQ

Frequently Asked Questions

Everything you need to know about the Front-End Checklist

The Front-End Checklist is a comprehensive list of best practices and guidelines for modern web development. It covers HTML, CSS, JavaScript, Performance, Accessibility, SEO, and Security. Originally created in 2017, it has been used by thousands of developers worldwide.

Sponsors

Supported by Amazing Sponsors

Thank you to all our sponsors for supporting the Front-End Checklist project.

Get Started

Ready to improve your
front-end quality?

Start with the critical rules that have the biggest impact, or explore all rules at your own pace.

0 / 385