MCP-сервер CX Codex

Front-End Checklist — MCP-сервер для Claude Code: обзор и установка

Q: Как установить Front-End Checklist в Claude Code?

Выполните `claude mcp add --transport http front-end-checklist https://mcp.frontendchecklist.io`, чтобы подключить сервер по HTTP.

Q: Можно ли проверить сайт по URL?

Да. Инструмент `audit_url` проверяет публичные страницы с адресом `https://`.

Сервер помогает агенту проверять фронтенд-код и публичные страницы по правилам качества. Подключите его для ревью компонентов или аудита доступности, SEO и производительности.

Установить в Claude Code · Командой платформы: удалённый сервер Все способы и платформы ↓

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

Открыть на GitHub

Что делает Front-End Checklist

Front-End Checklist предоставляет MCP-инструменты для проверки HTML, CSS, JavaScript, React и Next.js. В наборе 386 правил по 11 категориям; агент может искать правила, получать рекомендации по исправлению и запускать тематические проверки. Сервер подходит для ревью кода и аудита публичных страниц.

Для страницы используйте audit_url с публичным адресом https://, а для вставленного кода — review_code. Можно также найти отдельное правило или получить сценарий аудита. Например, аудит по audit_url рассчитан на публичные HTTPS-страницы — адрес локальной разработки этим способом проверить нельзя.

Какие задачи решает

проверить React-компонент по правилам качества
найти нарушения доступности на публичной странице
проверить страницу на проблемы SEO и производительности
получить рекомендацию по исправлению конкретного правила

Примеры запросов агенту

Проверь этот компонент React через Front-End Checklist MCP и сначала перечисли наиболее убедительные замечания.
Проведи аудит публичной страницы https://example.com на доступность и SEO.
Найди правило о canonical URL и предложи исправление с примером кода.

Как установить Front-End Checklist

Командой платформы: удалённый сервер

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

Командой платформы: удалённый сервер

codex mcp add mcp --url https://mcp.frontendchecklist.io

Файл настроек

{
    "mcpServers": {
        "mcp": {
            "url": "https://mcp.frontendchecklist.io"
        }
    }
}

Файл настроек

{
    "servers": {
        "mcp": {
            "type": "http",
            "url": "https://mcp.frontendchecklist.io"
        }
    }
}

Командой платформы: удалённый сервер

gemini mcp add -t http mcp https://mcp.frontendchecklist.io

По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие

Вопросы о Front-End Checklist

Как установить Front-End Checklist в Claude Code?

Выполните claude mcp add --transport http front-end-checklist https://mcp.frontendchecklist.io, чтобы подключить сервер по HTTP.

Что делает Front-End Checklist?

Он даёт MCP-агенту инструменты для проверки фронтенд-кода и публичных страниц по правилам качества, а также для поиска правил и рекомендаций по исправлению.

Можно ли проверить сайт по URL?

Да. Инструмент audit_url проверяет публичные страницы с адресом https://.