Plain-AyI
← All projects
Add-ons for AI coding tools

Front-End Checklist

A checklist of website quality rules that people and AI coding assistants can use to review web pages.

What it does

Front-End Checklist collects hundreds of best-practice rules for building websites. They cover accessibility, speed, search-engine visibility, security, images, privacy and more. Each rule is ranked from critical to low priority and links to an explanation of how to check and fix it.

You can read it as a plain checklist, browse and filter it on its website, or connect it to an AI coding assistant. The connection uses MCP (Model Context Protocol, a standard way to plug tools into AI assistants), so an assistant can review code or audit a public web page against the rules. Ready-made "skills" are also offered for tools that support them.

Who it's for

Web developers and designers checking a site before launch, and teams that use AI assistants for code review.

Can I use it without coding?

Yes. Anyone can read the checklist on its website; connecting it to an AI assistant takes a short technical setup. New to this? Start here.

Can I run it?

Cost
FreeNothing to pay or sign up for.
Runs on
Web browser
Computer
An ordinary computer is fine
API key
Not needed

Try it

  1. Browse the rules on the project's website and filter them by category.
  2. Work through the checklist items that apply to your site or project.
  3. Optionally connect an AI coding assistant to its MCP server to review your code.

Using Claude Code, Cursor or another AI coding assistant? Paste the prompt and it will walk you through the setup.New to this?

Before you install

  • Only download from the official GitHub page. Copies with similar names exist for many popular projects.
  • License (MIT): Very permissive: free to use, change and share, including for business.
  • More on staying safe

Where people are talking about it