Supermerge — инструмент для ревью кода с AI.
Когда разработчик открывает большой diff, ему приходится вручную разбираться, что именно изменилось и почему. В больших изменениях контекст быстро теряется, а поиск потенциальных проблем занимает много времени.
Supermerge добавляет слой объяснений рядом с дифом. AI показывает, что изменилось в коде и зачем, поэтому разработчику не нужно разбирать каждую строку вручную.
Я участвовал в создании MVP продукта: сделал интерфейс, айдентику и сайт. Supermerge задуман как дружелюбный помощник, а не как самостоятельный ревьюер, поэтому логотип и айдентика на сайте и в интерфейсе были спроектированы вокруг этой идеи. Тем самым сложный инженерный инструмент визуально и технически ощущается максимально спокойным и доступным.
supermerge.ai
AI анализирует изменения и пишет комментарии рядом с diff. Комментарий привязан к конкретной строке, поэтому разработчик сразу видит контекст изменения. AI объясняет, что произошло в коде, отмечает потенциальные проблемы и предлагает улучшения.
Замечания сгруппированы по типу: критические ошибки, улучшения и стиль кода. Это помогает быстро понять важность комментариев и не перегружает интерфейс.
First usage flow
MVP начинается с простого сценария: разработчик открывает проект и загружает изменения. Интерфейс минимальный, чтобы сразу перейти к ревью.
Состояние до AI-ревью
Основной экран — просмотр diff. Изменения показаны по строкам в привычном формате side-by-side, поэтому разработчику легко читать код и сравнивать версии.
Слева находится список изменённых файлов, а справа появляется панель с объяснениями AI. Она помогает понять, что произошло в коде и на какие места стоит обратить внимание.
Главная страница сайта
Для продукта также был создан лендинг. Первый экран сразу показывает интерфейс инструмента и объясняет идею Supermerge — AI добавляет слой объяснений рядом с diff.
Лендинг построен вокруг вопросов, которые возникают у разработчика при знакомстве с продуктом: что делает инструмент, какие проблемы он решает и как проходит ревью кода с AI.
Ключевые возможности продукта показаны в виде карточек. Они коротко объясняют, как инструмент помогает разработчикам проводить ревью кода.
Продукт позиционируется как естественное дополнение к среде, в которой разработчики уже работают.
