Front-End Checklist

Developer Tools Streamable HTTP v2.0.1

Review frontend code and live pages against 386 quality-gated web development rules.

View source ↗ Website ↗ Generate config for multiple servers More servers

Install

Pin version unavailable — hosted endpoints aren’t versioned

Streamable HTTP
https://mcp.frontendchecklist.io

Setup by client

Pick your client — the config below is generated for this server (hosted endpoint). Copy respects the “Pin version” switch above.

Remote (hosted) endpoint

https://mcp.frontendchecklist.io

Claude Desktop: Settings → Connectors → Add custom connector, paste this URL.

Format verified against the official Claude Desktop docs ↗.

terminal

claude mcp add --transport http front-end-checklist https://mcp.frontendchecklist.io

Format verified against the official Claude Code docs ↗.

.cursor/mcp.json (hosted endpoint)

{
  "mcpServers": {
    "front-end-checklist": {
      "url": "https://mcp.frontendchecklist.io"
    }
  }
}

Format verified against the official Cursor docs ↗.

.vscode/mcp.json (hosted endpoint)

{
  "servers": {
    "front-end-checklist": {
      "type": "http",
      "url": "https://mcp.frontendchecklist.io"
    }
  }
}

Format verified against the official VS Code docs ↗.

mcp_config.json (hosted endpoint)

{
  "mcpServers": {
    "front-end-checklist": {
      "serverUrl": "https://mcp.frontendchecklist.io"
    }
  }
}

Format verified against the official Windsurf docs ↗.

GitHub

⭐ 74,452 stars · 最近更新于 37 天前 · MIT license

About this server

Front End Checklist The essential checklist for modern web development, for humans and AI agents Front End Checklist is the open source front end quality system for humans and AI agents. It turns front end best practices into a practical review workflow you can browse on th…

Summary from the project README — github.com/thedaviddias/Front-End-Checklist

Distributed as Streamable HTTP, listed under Developer Tools. Review our MCP security guide before granting access to real data.

Frequently asked questions

What does the Front-End Checklist MCP server do?

How do I install Front-End Checklist?

Run the install command shown above, then paste the config for your client (Claude Desktop, Claude Code, Cursor, VS Code or Windsurf) into its MCP settings and restart the client.

Is Front-End Checklist free to use?

The MCP server itself is free to install. The source is public on https://github.com/thedaviddias/Front-End-Checklist. Any third-party service it calls may require its own API key and account.

Which clients support Front-End Checklist?

Any MCP-compatible client can use it, including Claude Desktop, Claude Code, Cursor, VS Code, Windsurf and custom agents.

Add this badge

Publish this server? Link back with a badge on your README or site — copy either snippet.

Markdown

[![Listed on MCPNav](https://mcpnav.net/badge/front-end-checklist.svg)](https://mcpnav.net/server/front-end-checklist/)

HTML

<a href="https://mcpnav.net/server/front-end-checklist/"><img src="https://mcpnav.net/badge/front-end-checklist.svg" alt="Listed on MCPNav" height="20"></a>