front-end-checklist

What your AI can do with it

• Review frontend code against 386 quality-gated web development rules
• Check live pages for the same rule set
• Report which rules pass and which fail
• Cover markup, styles, and rendered output in one review
• Return findings your agent can turn into fixes

Getting started

1. Have an AI agent that can connect to MCP servers.
2. Add front-end-checklist as an MCP server in that agent's configuration.
3. Point the agent at the frontend code or live page you want reviewed.
4. Ask the agent to run the checklist and summarize the results.

Install front-end-checklist

The server’s own address, for the clients that take one directly. Or connect ahel once and every client you use reads it from one address, with the account kept on ahel rather than in each client’s config.

• Claude Code

  claude mcp add --transport http --scope user front-end-checklist 'https://mcp.frontendchecklist.io'Copy

  Run it once in your project, then open /mcp to approve any sign-in the server asks for.

• Claude Desktop

  https://mcp.frontendchecklist.ioCopy

  Add a custom connector in Settings, paste this address, and approve the sign-in.

• Cursor

  cursor://anysphere.cursor-deeplink/mcp/install?name=front-end-checklist&config=eyJ1cmwiOiJodHRwczovL21jcC5mcm9udGVuZGNoZWNrbGlzdC5pbyJ9Copy

  Open the link and Cursor adds the server at that address.

• ChatGPT

  https://mcp.frontendchecklist.ioCopy

  In Settings, enable Developer mode, create an MCP app, and paste this address. Your plan and workspace must allow custom apps.

• Codex

  codex mcp add front-end-checklist --url 'https://mcp.frontendchecklist.io'Copy

  Run it once, then sign in with codex mcp login front-end-checklist if the server asks for an account.

From the project's README

As published by thedaviddias/front-end-checklist in README.md. This repository publishes several servers, so only the opening is shown here.

Shortened here. Read the whole README on GitHub.

Tools it offers (11)

What this server listed when ahel dialed its public endpoint in Oct 2026, with no key and no account of yours. The names are the server’s own.

• review_code
• audit_url
• get_workflow
• get_checklist_rules
• get_quick_reference
• get_rule
• search_rules
• check_rule
• fix_rule
• explain_rule
• list_categories

Signals

GitHub stars

74k

Forks

7k

Last commit

Oct 2026

Questions

What kind of tool is front-end-checklist?

It is an MCP server. It connects to an AI agent and lets the agent review frontend code and live pages against 386 quality-gated web development rules.

Can it check live pages as well as code?

Yes. It reviews both frontend code and live pages against the same set of 386 quality-gated web development rules.

How many rules does it check?

386 quality-gated web development rules.

What do I need before using it?

An AI agent that can connect to MCP servers, and the frontend code or live page you want reviewed.