Обновить

С ИИ я стал писать больше тестов, в том числе с эталонными скриншотами. На ревью приходится смотреть и код, и изменения на картинках — а это постоянное переключение между GitHub и отчётом Playwright.

В GitHub есть две картинки рядом, шторка и наложение с прозрачностью. Но мне не хватало подсветки отличий: на длинном скриншоте попробуй найди, где отступ изменился на пару пикселей.

Поэтому я сделал gh-pixel-diff — расширение, которое добавляет Pixel Diff прямо в родной переключатель просмотра картинок.

Исходник, новая версия и дифф в режиме 3-up
Исходник, новая версия и дифф в режиме 3-up

Открываешь режим — видишь подсвеченную разницу и сразу нужный фрагмент. Если изменения разбросаны по странице, между ними можно переходить стрелками. Мелочи можно увеличить, а исходник, новую версию и дифф — посмотреть рядом в одном масштабе.

Есть и наложение подсветки прямо на новую версию. Цвета настраиваются: красное на красном интерфейсе не всегда заметно. Результат можно сохранить в PNG и приложить к комментарию в ревью.

Недавно добавил экспериментальный режим для вертикальных сдвигов. Когда сверху появляется блок, всё ниже съезжает и обычный попиксельный дифф подсвечивает почти весь кадр. Бета пытается сначала сопоставить строки изображений, чтобы отделить изменения от такого сдвига. Она также исключает из подсчёта край, который есть только у одной версии из-за разных размеров.

Бета включается в настройках и по умолчанию выключена: на однообразных участках сопоставление может ошибаться. Буду рад примерам, где она помогает или, наоборот, показывает что-то странное.

Расширение работает на GitHub и GitLab; собственные GitLab и GitHub Enterprise можно добавить в настройках. GitLab я сам использую мало, поэтому обратная связь по нему тоже пригодится. Сравнение выполняется в браузере, изображения не отправляются на сервер обработки.

Попробовать:

Для Safari есть ручная установка. В App Store пока не выкладываю — публикация обходится слишком дорого.

Исходники открыты, лицензия MIT. Если вам тоже не хватало такой подсветки на ревью — попробуйте. Ошибки и примеры для беты можно принести в Issues.

Теги:
+3
Комментарии3

Путь к ИИ‑сингулярности

У нас было два репозитория неоттестированного вайб‑кода, семьдесят пять тяжеловесных SDD‑спецификаций, пять обмазанных смазкой харнессов, солонка, наполовину полная кастомных скиллов и забитых капслоком правил, с десяток дырявых MCP‑серверов, RAG‑база со свежевекторизованным Confluence, самодельная дощечка имаго‑кодинга и целая россыпь автономных агентов всех мастей, от безобидных автодополнялок до галлюцинирующих субагентов, ставящих пакеты со slopsquatting и втихаря сносящих боевые базы.

Не то чтобы все это было действительно нужно для поездки к ИИ‑сингулярности, но если уж начали участвовать в спуске с горы на велосипеде без седла, остановиться уже невозможно.

Единственное, что вызывало у меня настоящий животный страх, это передача ответственности за ревью самой модели. Тот самый момент, когда седьмой агент подтверждает галлюцинации шестого, потому что все тесты зеленые, и я знал, что рано или поздно мы перейдем на эту дрянь.

Нет ничего более беспомощного, безответственного и испорченного, чем IT‑команда, запустившая мультиагентный оркестр в режиме allow all.

Это критический (и слегка ехидный) обзор того, что произошло с разработкой последние пару лет.

Путь к ИИ‑сингулярности

Публикации