
Front-End Checklist MCP Server: Setup for Claude, Cursor and Other Apps
Lets Claude, Cursor and other assistants review your frontend code or a public web page against a checklist of web quality rules.
The Front-End Checklist server gives your assistant a library of frontend rules covering accessibility, performance, SEO, security, images and more. It can review code you paste, audit a public web page, and explain or fix a single rule.
It is hosted by the project, so there is nothing to install and no sign-in. The reviews are static checks, so a clean result is not proof that a page is fine. Name the server in your prompt, because some apps only discover tools when asked.
Good for
- Frontend developers who want a quick review of a component before a pull request
- Teams preparing a site for launch who need accessibility, speed and SEO checks
- Designers and QA who want fix guidance in plain language
Works in
14 should work
Tap an app to see how to set it up and any known problems.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Install Front-End Checklist MCP
Claude Code
- 1
Copy this prompt.
Add the Front-End Checklist MCP server to Claude Code. Run this command: claude mcp add --transport http front-end-checklist https://mcp.frontendchecklist.io Then check that it loaded and tell me if I need to sign in or restart.
- 2
Paste it into Claude Code. It shows the change and asks before running it.
Built from the package data we hold. Not yet tested by us.
Tools
Checks pasted HTML, CSS or JavaScript against the checklist
Runs a static review of code you paste and returns prioritized issues with fix guidance. An empty result is not proof the code is clean, because the review is not exhaustive.
Try: “Use the Front-End Checklist MCP to review this React component and report the highest-confidence findings first.”
Read ·
review_codeChecks a public web page for accessibility, speed and SEO issues
Fetches a public HTTPS page and reviews its HTML. It refuses localhost, private networks and plain HTTP, and it does not run the page or measure real loading speed.
Try: “Use the Front-End Checklist MCP to audit https://example.com for accessibility, performance and SEO issues.”
Network ·
audit_urlFinds checklist rules by keyword, category or priority
Searches the rules and returns titles and short summaries, a page at a time.
Try: “Which rules cover web fonts?”
Read ·
search_rulesShows the full guidance for one rule
Returns the requirements, reasons, code examples, sources and related rules for one rule by its short name.
Try: “Show me the canonical URL rule with examples.”
Read ·
get_ruleTests a code snippet against one rule
Runs a static check of your code against one named rule. With no code, it returns steps for checking by hand.
Try: “Check this snippet against the image alt text rule.”
Read ·
check_ruleGives step-by-step fix instructions for one rule
Returns remediation steps and priority for a named rule. It does not edit your files.
Try: “How do I fix the missing viewport meta tag issue?”
Read ·
fix_ruleExplains why a rule matters
Describes a rule's background and its effect on users and the business.
Try: “Why does the lang attribute on the html tag matter?”
Read ·
explain_ruleGives a short checklist for one category
Returns a compact checklist for a category, filtered by priority, as JSON, Markdown or a task list.
Try: “Give me a high-priority accessibility checklist as a task list.”
Read ·
get_quick_referenceGives the ordered steps of a ready-made audit
Returns the steps of a curated audit such as a pre-launch check, with rule names, priorities and categories.
Try: “Walk me through the pre-launch audit workflow.”
Read ·
get_workflowLists every rule in a curated checklist
Returns titles, priorities and check and fix prompts for each rule in a chosen checklist.
Try: “List all rules in the accessibility checklist.”
Read ·
get_checklist_rulesLists the rule categories and how many rules each has
Returns the checklist categories with descriptions and rule counts, handy for valid category names.
Try: “What categories does the checklist cover?”
Read ·
list_categories
Listed by the running server in our sandbox · 2026-11-02T10:46:54Z
Permissions
low risk · 2 things to watch
Low risk
The server only reads what you send it and returns advice, and it edits no files. Leave private code out of your prompts, because everything you paste is processed on the project's server.
What it can do
- Read your data
- Create and change things
- Delete things
- Read-only mode
Watch out for
Code and URLs you send go to a hosted server
Pasted code and page addresses are processed on the project's server. Do not paste private or proprietary code. github.com
A clean result is not a pass
The reviews are static and non-exhaustive, and the page audit does not run the page or measure real speed. Use it alongside real testing. github.com
Security advisories
No published security advisories as of Nov 1, 2026.
Technical details
| Talks to | mcp.frontendchecklist.io |
|---|---|
| Sign-in and keys | No credentials. |
Questions
What is the Front-End Checklist MCP server URL?
https://mcp.frontendchecklist.io. It is hosted, public and needs no sign-in.
Is it free?
Yes. The README describes it as an open-source project with a public endpoint, and it lists no account or pricing.
Can it audit a site on localhost?
No. The page audit only accepts public HTTPS addresses and refuses localhost, private networks and plain HTTP. Paste the code instead and use the code review tool.
Can it edit my files?
No. It returns issues and fix guidance, and the fix tool says it does not edit files or apply changes.
How many rules does it check?
The registry listing says 386 quality-gated rules, covering areas such as accessibility, performance, SEO, security, images, privacy and testing.
Why does my assistant not use it?
Some apps find MCP tools lazily. The project suggests naming the server in your prompt, for example by saying you want to use the Front-End Checklist MCP.
Information
updated Nov 2, 2026
- Publisher
- Official
- Endpoint
https://mcp.frontendchecklist.io- Transport
- Streamable HTTP
- Auth
- None
- Version
- 2.0.1
- License
- MIT
- Last commit
- Oct 31, 2026
- Open issues
- 5
- Listed in
- Official MCP registry
Sources
Docs, issue trackers and discussions this page is built from. Issues, quotes and findings above link to their own source.
Show all 3Hide
- github.com · github.com
- github.com · github.com
- github.com · github.com