модуль 11 из 13 · движок Quest
Pixel Gate — визуальная регрессия
Юнит-тесты зелёные, а страница разъехалась — вид ломается молча. Pixel Gate добавляет визуальную регрессию git-native: baseline-скриншоты в git, дифф-картинка как вход агенту, осознанный приём baseline с журналом и ENFORCED-гейт свежести прогона.
1 900 ₽ · разово · ставится в сборку движка
Без него
Юнит-тесты зелёные, «браузер открывался» — а поплыл отступ, шрифт откатился на дефолт, тёмная тема съела контраст кнопки. Словами это не ловится: вид ломается молча и живёт так релизами.
Как работает
- Baseline-скриншоты ключевых роутов × вьюпортов × тем живут в git рядом с тестами — история внешнего вида версионируется как код
- После UI-правки — прогон Playwright toHaveScreenshot; красный дифф агент читает КАРТИНКОЙ: она показывает, что поплыло, точнее любых слов
- Дифф разбирается: регрессия → чинится код; осознанное изменение дизайна → baseline принимается явной командой со строкой «что и почему» в журнале
- Гейт visual-gate.sh в сдаче: baseline'ы существуют и прогон свежий — «выглядит нормально» на словах не проходит
Что получаешь
Интерфейс, который не разъезжается молча: каждый релиз доказывает внешний вид диффом, а /visual даёт вердикт по всей витрине за один прогон.
Ключевые возможности модуля
- Глубже базы: база требует браузер-прогон («открыл и прокликал»). Pixel Gate = доказанный ВНЕШНИЙ ВИД: пиксель-дифф со baseline по роутам×вьюпортам×темам
- Дифф-картинка как вход агенту: «выглядит сломанно» становится изображением, а не ощущением — тренд 2026, у нас локально и в git
- Осознанный приём baseline: явная команда + журнал «дата — что — почему» (.engine/qa/visual-accepted.log); принять дифф «не глядя» — красная линия призмы
- ENFORCED-гейт visual-gate.sh: baseline'ы существуют + прогон свежий (пиксель-дифф честно считает Playwright — он уже стоит у базы)
- Никакого SaaS: Percy/Chromatic продают это подпиской — здесь всё в твоём репо. Вес always-on ~0
Другие модули движка Quest
Prompt Forge — углублённый интейк
Задача, понятая одинаково тобой и агентом, и файл-контракт, который переживает любую длину
Iron Gate — усиленный QA
Регресс-сьют, который растёт сам, и уверенность «не ломается» вместо «работало, когда пров
Red Team — усиленная безопасность
Проход глазами атакующего перед каждой сдачей и машинный блок на критику.
Design Craft — дизайн до кода
Нешаблонный интерфейс с системой, которую можно развивать, и доступность, доказанная прове
Landing Copy — текст, который продаёт
Текст, который ведёт к действию, и призма-судья, которая не пропустит воду.
Deep Research — исследование до решений
Решения на проверенных фактах с источниками, а не на первой ссылке из поиска.