
Reviews your frontend code and live pages against the Front-End Checklist rules for accessibility, performance, SEO and security.
by thedaviddias· DesignUnclaimed · Yours? Claim it
4 images
About
Front-End Checklist is David Dias's open-source checklist for modern web development, and this is its hosted MCP server. It connects your agent to the checklist's rules for React, Next.js, HTML, CSS, JavaScript, accessibility, performance, SEO, security, images, privacy, i18n and testing, so it can review code and live pages against them and explain how to fix what it finds. What you can do with it - Review pasted HTML, CSS, JavaScript, React or Next.js code and get prioritized issues with fix guidance - Audit a live public HTTPS page without pasting its source - Follow a curated workflow, such as the launch checklist, for accessibility, SEO, security or performance - Search the rules by keyword, category or priority, and check a snippet against a single rule - Get step-by-step fixes and plain explanations of why a rule matters - Generate a compact checklist for one category, in Markdown or as a task list, for CI or team handoffs How it connects - A hosted MCP server at https://mcp.frontendchecklist.io - No sign-in or API key: the rules are public - Name it in your ask ("Use the Front-End Checklist MCP to…") so agents that load tools lazily pick it up Good to know - Read-only: it only reads its public rules database - Code you send for review goes to the server, which the maker says doesn't store or log it - Reviews are static heuristics, not an exhaustive audit - The server collects anonymous usage counters - Open source under the MIT licence
Plugins people install alongside Front-End Checklist.
Once it’s added
“Use the Front-End Checklist MCP to audit https://example.com for frontend best practices”
“Use the Front-End Checklist MCP to review this React component for accessibility issues”
“Use the Front-End Checklist MCP launch workflow and show me the critical checks”
“Use the Front-End Checklist MCP to explain why semantic HTML matters”
“Use the Front-End Checklist MCP to give me a performance checklist in markdown format”
“Use the Front-End Checklist MCP to check this code against the alt-text rule”
Before you add it
Reads only
Reviews pasted code and live public pages · Searches and explains its frontend rules · Builds checklists and ordered audit workflows
From people who use it
Step by step
Nothing new reaches your agent until a person has looked at it.
Scanned on every change, and again when our rules improve.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
Add to VS Codecopilot mcp add --transport http front-end-checklist https://mcp.frontendchecklist.io
A hosted server: nothing runs on your machine.
Add to Cursor.cursor/mcp.json{
"mcpServers": {
"front-end-checklist": {
"url": "https://mcp.frontendchecklist.io"
}
}
}A hosted server: nothing runs on your machine.
claude mcp add --transport http front-end-checklist https://mcp.frontendchecklist.io
A hosted server: nothing runs on your machine.
codex mcp add front-end-checklist --url https://mcp.frontendchecklist.io
A hosted server: nothing runs on your machine.
~/.gemini/config/mcp_config.json{
"mcpServers": {
"front-end-checklist": {
"url": "https://mcp.frontendchecklist.io"
}
}
}A hosted server: nothing runs on your machine.
gemini mcp add --transport http front-end-checklist https://mcp.frontendchecklist.io
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
openclaw mcp add front-end-checklist --url https://mcp.frontendchecklist.io --transport streamable-http
A hosted server: nothing runs on your machine.
opencode mcp add front-end-checklist --url https://mcp.frontendchecklist.io
A hosted server: nothing runs on your machine.
hermes mcp add front-end-checklist --url https://mcp.frontendchecklist.io
~/.hermes/config.yaml{
"mcp_servers": {
"front-end-checklist": {
"url": "https://mcp.frontendchecklist.io"
}
}
}Scanned and passed · checked 3 h ago
No reviews yet. Used Front-End Checklist? Say how it went.
Write a reviewPlugins people install alongside Front-End Checklist.
Connects your coding agent to OpenDesign on your machine: start design runs, create projects and read the live files of your prototypes.
Your agent draws editorial diagrams in your brand, as one self-contained HTML and SVG file, and redraws Mermaid, draw.io and Excalidraw.
Gives your agent a live tldraw canvas in the chat, so it can draw diagrams, flows and sketches with you.
A community skill that asks four questions about your product, then has your agent build an animated, single-file HTML landing page.
Nobody has shared how they use Front-End Checklist yet.
Security scan
Passed
Safe to install in every agent it supports. Runs remotely on mcp.frontendchecklist.io · answering.