PlugWiki
Front-End Checklist logo

Front-End Checklist MCP Server: Setup for Claude, Cursor and Other Apps

OfficialRemote
Gethttps://mcp.frontendchecklist.iothedaviddias/front-end-checklist

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.

Install Front-End Checklist MCP

Claude Code

  1. 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. 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_code

  • Checks 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_url

  • Finds 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_rules

  • Shows 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_rule

  • Tests 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_rule

  • Gives 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_rule

  • Explains 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_rule

  • Gives 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_reference

  • Gives 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_workflow

  • Lists 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_rules

  • Lists 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 tomcp.frontendchecklist.io
Sign-in and keysNo 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

WebsiteGitHubOfficial MCP RegistryChangelogIssues

Sources

Docs, issue trackers and discussions this page is built from. Issues, quotes and findings above link to their own source.

Show all 3
  1. github.com · github.com
  2. github.com · github.com
  3. github.com · github.com

Facts from the official MCP registry, GitHub, npm, PyPI and the Docker catalog. Updated Nov 2, 2026.