Подробный чек-лист производительности фронтенда: HTML, CSS, шрифты, изображения, JavaScript и настройки сервера, с пояснениями и ссылками на инструменты.
17,4 тыс.1,3 тыс.MITОбновлён 9 дней назад
thedaviddias/Front-End-Checklist
Чек-лист из 386 правил лучших практик фронтенд-разработки для людей и AI-агентов, с размещённым MCP-сервером для автоматизированных аудитов.
- Звёзды
- 74,541
- Форки
- 6,759
- Открытые issues
- 14
- Последний коммит
- 16 дней назад
Что это?
Front-End Checklist — это структурированный набор правил качества фронтенда, охватывающий HTML, CSS, JavaScript, производительность, доступность, SEO, безопасность, изображения, конфиденциальность, i18n и тестирование. Для каждого правила указаны приоритет, краткое пояснение, рекомендации по исправлению и шаги проверки. Правила можно просматривать на сайте проекта или проходить в виде чек-листов.
Проект также предоставляет тот же набор правил через размещённый MCP-сервер. MCP-совместимые агенты могут проверять вставленный код, аудировать общедоступные URL, получать конкретное правило или искать правила по ключевым словам, категории и приоритету. Для более широких аудитов или рекомендаций по отдельным правилам доступны переиспользуемые skills.
Репозиторий собран с помощью MDX и pnpm. В нём есть скрипты для проверки структуры правил, оценки набора и генерации README и файлов skills на основе исходных правил.
Ключевые возможности
- 01Охватывает 386 правил в 11 категориях, включая HTML, CSS, JavaScript, доступность и производительность.
- 02Для каждого правила указаны приоритет, пояснение, рекомендации по исправлению и шаги проверки.
- 03Размещённый MCP-сервер позволяет агентам проверять код, аудировать URL и искать правила.
- 04Устанавливаемые skills помогают проводить общий аудит или получать рекомендации по отдельному правилу.
- 05Сайт позволяет просматривать правила, фильтровать их и пользоваться подборками чек-листов.
Сценарии использования
- Проверка pull request или компонента на соответствие общему стандарту качества фронтенда.
- Аудит сайта перед запуском с проверкой доступности, производительности и SEO.
- Проверка AI-агентом сгенерированного фронтенд-кода на соответствие принятым лучшим практикам.
- Знакомство новых участников команды с современными практиками веб-разработки с помощью чек-листа, разбитого по правилам.
Быстрый старт
- 1
Установить зависимости
pnpm install - 2
Запустить локальную среду разработки
pnpm dev
Темы
Частые вопросы
- Что такое Front-End-Checklist?
- Чек-лист из 386 правил лучших практик фронтенд-разработки для людей и AI-агентов, с размещённым MCP-сервером для автоматизированных аудитов. Front-End Checklist — это структурированный набор правил качества фронтенда, охватывающий HTML, CSS, JavaScript, производительность, доступность, SEO, безопасность, изображения, конфиденциальность, i18n и тестирование. Для каждого правила указаны приоритет, краткое пояснение, рекомендации по исправлению и шаги проверки. Правила можно просматривать на сайте проекта или проходить в виде чек-листов.
- Front-End-Checklist можно использовать бесплатно? Какая у него лицензия?
- Front-End-Checklist распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- Front-End-Checklist всё ещё поддерживается?
- Активно поддерживается. Последний коммит в Front-End-Checklist — 6 окт. 2026 г..
- Для чего можно использовать Front-End-Checklist?
- Проверка pull request или компонента на соответствие общему стандарту качества фронтенда. Аудит сайта перед запуском с проверкой доступности, производительности и SEO. Проверка AI-агентом сгенерированного фронтенд-кода на соответствие принятым лучшим практикам. Знакомство новых участников команды с современными практиками веб-разработки с помощью чек-листа, разбитого по правилам.
- Как установить Front-End-Checklist?
- Установить зависимости: pnpm install Запустить локальную среду разработки: pnpm dev
- Где скачать Front-End-Checklist?
- Исходный код и инструкции по установке — на GitHub: https://github.com/thedaviddias/Front-End-Checklist
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Инструмент с открытым исходным кодом для аудита производительности, доступности, SEO и лучших практик веб-страниц — запускается из Chrome DevTools, расширения Chrome или через Node CLI и модуль.
30,9 тыс.9,8 тыс.JavaScriptApache-2.0Обновлён 7 часов назад
Преобразует скриншоты интерфейсов и дизайн-макеты в редактируемый HTML/CSS с помощью модульного конвейера из нескольких агентов и разных моделей.
3 тыс.320PythonApache-2.0Обновлён в прошлом месяце
Бесплатный книга-справочник с открытым исходным кодом для подготовки к собеседованиям на фронтенд-разработчика: форматы собеседований, системный дизайн, викторины, задачи по программированию и темы конкретных компаний.
44 тыс.5,9 тыс.JavaScriptMITОбновлён 17 дней назад
Большая подборка сайтов, инструментов, курсов и справочных материалов на португальском языке для разработчиков, строящих карьеру в IT.
15,8 тыс.1,8 тыс.MITОбновлён 2 месяца назад
Open-source сервис Computer Use в виде MCP-сервера, который позволяет AI-агентам управлять рабочим столом macOS, Linux и Windows.
2,5 тыс.245SwiftMITОбновлён 4 дня назад