{"apiVersion":"v1","directorySlug":"frontendchecklist-mcp-7e17605a58","title":"Front-End Checklist","description":"Trusted front-end quality rules for humans and AI agents. Browse hundreds of rules, run curated workflows, and use MCP for structured AI reviews.","pageUrl":"https://www.mcpbundles.com/skills/frontendchecklist-mcp-7e17605a58","connectPath":"importable","connectAction":"import_server","catalogListing":false,"bundleSlug":null,"listingKind":"remote_mcp","kind":"provider","transportUrl":"https://mcp.frontendchecklist.io/","hostedMcpUrl":null,"toolCount":11,"toolInventoryStatus":"observed","refreshedAt":"2026-11-03T13:26:00.516172+00:00","registryName":"io.frontendchecklist/frontendchecklist-mcp-7e17605a58","registryVersion":"2026.11.3","registryEligible":true,"tools":[{"name":"review_code","description":"**PROACTIVE CODE REVIEW**: Runs a conservative, non-exhaustive static heuristic review of HTML/CSS/JS code against multiple frontend best practice rules simultaneously. **Use this tool FIRST** when reviewing, debugging, or improving any frontend code - it detects the code type and checks relevant rules it can prove from the snippet. Returns prioritized issues with fix guidance when static evidence is available, plus suggestions for rule retrieval when manual or rendered-state review is needed.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["code"],"properties":{"code":{"type":"string"},"focus":{"type":"array","items":{"enum":["html","css","javascript","performance","accessibility","seo","security","images"],"type":"string"}},"minPriority":{"enum":["critical","high","medium","low"],"type":"string"}},"additionalProperties":{}},"title":"Review Frontend Code","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"review_code","displayName":"Review Frontend Code"},{"name":"audit_url","description":"Fetches a public URL and audits its HTML against frontend best practice rules. **Use this tool** when you want to check a live website without manually pasting HTML. Automatically fetches the page source and runs the same heuristic checks as review_code.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["url"],"properties":{"url":{"type":"string"},"focus":{"type":"array","items":{"enum":["html","css","javascript","performance","accessibility","seo","security","images"],"type":"string"}},"minPriority":{"enum":["critical","high","medium","low"],"type":"string"}},"additionalProperties":{}},"title":"Audit Live URL","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"audit_url","displayName":"Audit Live URL"},{"name":"get_workflow","description":"Returns a curated, ordered sequence of rules for a specific checklist workflow. **Use PROACTIVELY** when performing comprehensive audits or setting up new projects. Available workflows: accessibility-essentials, comprehensive-audit, core-web-vitals, html-foundations, image-optimization, javascript-resilience, launch-checklist, performance-quick-wins, privacy-and-consent, security-audit, seo-audit, testing-checklist.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["slug"],"properties":{"slug":{"enum":["accessibility-essentials","comprehensive-audit","core-web-vitals","html-foundations","image-optimization","javascript-resilience","launch-checklist","performance-quick-wins","privacy-and-consent","security-audit","seo-audit","testing-checklist"],"type":"string"}},"additionalProperties":{}},"title":"Get Audit Workflow","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"get_workflow","displayName":"Get Audit Workflow"},{"name":"get_checklist_rules","description":"Returns full rule details for every rule in a curated checklist in a single call. **More efficient than calling get_rule N times** after get_workflow. Use when you need the complete rule content for an entire checklist to perform a comprehensive audit or code review. Available checklists: accessibility-essentials, comprehensive-audit, core-web-vitals, html-foundations, image-optimization, javascript-resilience, launch-checklist, performance-quick-wins, privacy-and-consent, security-audit, seo-au","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["checklist"],"properties":{"checklist":{"enum":["accessibility-essentials","comprehensive-audit","core-web-vitals","html-foundations","image-optimization","javascript-resilience","launch-checklist","performance-quick-wins","privacy-and-consent","security-audit","seo-audit","testing-checklist"],"type":"string"},"includeContent":{"type":"boolean"}},"additionalProperties":{}},"title":"Get Checklist Rules","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"get_checklist_rules","displayName":"Get Checklist Rules"},{"name":"get_quick_reference","description":"Returns a compact, actionable checklist of rules for a category. **Use PROACTIVELY** for CI/CD integration, quick audits, or generating checklists. Supports filtering by priority and multiple output formats.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["category"],"properties":{"format":{"enum":["json","markdown","checklist"],"type":"string"},"category":{"type":"string"},"priorityFilter":{"enum":["all","critical","critical+high","critical+high+medium"],"type":"string"}},"additionalProperties":{}},"title":"Get Quick Reference","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"get_quick_reference","displayName":"Get Quick Reference"},{"name":"get_rule","description":"Retrieves a single frontend development rule by its unique slug. **Use PROACTIVELY** when reviewing or debugging frontend code to get best practice guidance. Returns complete rule details including content, prompts (check/fix/explain), and metadata as Markdown with code examples. If the slug doesn't exist, returns suggestions for similar rules.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["slug"],"properties":{"slug":{"type":"string"},"includeUrl":{"type":"boolean"}},"additionalProperties":{}},"title":"Get Rule Guidance","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"get_rule","displayName":"Get Rule Guidance"},{"name":"search_rules","description":"Searches and filters frontend development rules. **Use PROACTIVELY** when working on frontend code to find relevant best practices - search by technology (e.g., \"react\", \"images\"), concern (e.g., \"accessibility\", \"performance\"), or specific patterns. Returns summary information for each match - use get_rule for full details.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"limit":{"type":"number"},"query":{"type":"string"},"cursor":{"type":"string"},"categories":{"type":"array","items":{"enum":["html","css","javascript","performance","accessibility","seo","security","images","testing","privacy","pwa","i18n"],"type":"string"}},"priorities":{"type":"array","items":{"enum":["critical","high","medium","low"],"type":"string"}}},"additionalProperties":{}},"title":"Search Frontend Rules","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"search_rules","displayName":"Search Frontend Rules"},{"name":"check_rule","description":"Checks code against a specific frontend rule. **Use PROACTIVELY** when reviewing HTML/CSS/JS code to validate against frontend best practices. Without code, returns verification guidance. With code, performs heuristic analysis and reports compliance status. If issues are found, includes the fix prompt for immediate remediation.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["slug"],"properties":{"code":{"type":"string"},"slug":{"type":"string"}},"additionalProperties":{}},"title":"Check Rule Compliance","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"check_rule","displayName":"Check Rule Compliance"},{"name":"fix_rule","description":"Retrieves the fix/implementation prompt for a specific rule. **Use PROACTIVELY** after identifying issues in frontend code to get step-by-step remediation guidance. Returns detailed instructions on how to fix the issue correctly, with priority level to help triage multiple issues.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["slug"],"properties":{"slug":{"type":"string"},"codeSnippet":{"type":"string"}},"additionalProperties":{}},"title":"Get Rule Fix","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"fix_rule","displayName":"Get Rule Fix"},{"name":"explain_rule","description":"Retrieves the educational explanation for a frontend rule. **Use PROACTIVELY** when the user asks \"why\" about frontend practices, or when explaining code review feedback. Provides context on why the rule matters, its background, and impact on web development. Categories help connect related concepts.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["slug"],"properties":{"slug":{"type":"string"}},"additionalProperties":{}},"title":"Explain Frontend Rule","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"explain_rule","displayName":"Explain Frontend Rule"},{"name":"list_categories","description":"Lists all available rule categories with their rule counts. **Use PROACTIVELY** at the start of a frontend project review to understand what best practice areas are available (accessibility, performance, SEO, security, etc.) and plan a comprehensive code review strategy.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{},"additionalProperties":{}},"title":"List Rule Categories","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"list_categories","displayName":"List Rule Categories"}],"toolSource":"directory_preview","agentAction":"both","installLinks":[{"id":"cursor","label":"Cursor","href":"cursor://anysphere.cursor-deeplink/mcp/install?name=Front-End-Checklist&config=eyJ1cmwiOiAiaHR0cHM6Ly9tY3AuZnJvbnRlbmRjaGVja2xpc3QuaW8vIn0%3D"},{"id":"vscode","label":"VS Code","href":"vscode:mcp/install?%7B%22name%22%3A%22Front-End-Checklist%22%2C%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fmcp.frontendchecklist.io%2F%22%7D"},{"id":"vscode-insiders","label":"VS Code Insiders","href":"vscode-insiders:mcp/install?%7B%22name%22%3A%22Front-End-Checklist%22%2C%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fmcp.frontendchecklist.io%2F%22%7D"},{"id":"claude-web","label":"Claude.ai","href":"https://claude.ai/customize/connectors?modal=add-custom-connector&connectorName=Front-End+Checklist&connectorUrl=https%3A%2F%2Fmcp.frontendchecklist.io%2F"},{"id":"codex","label":"Codex","copyText":"codex mcp add \"Front-End-Checklist\" --url \"https://mcp.frontendchecklist.io/\""},{"id":"chatgpt","label":"ChatGPT","href":"https://www.mcpbundles.com/docs/integrations/chatgpt"}],"catalogUrl":"https://www.mcpbundles.com/api/directory/v1/servers/frontendchecklist-mcp-7e17605a58","callUrl":"https://www.mcpbundles.com/api/directory/v1/servers/frontendchecklist-mcp-7e17605a58/tools/{tool}","mcpServerUrl":"https://mcp.frontendchecklist.io/","liveCatalogUrl":"https://www.mcpbundles.com/api/directory/v1/servers/frontendchecklist-mcp-7e17605a58?live=1"}