Найдите AI-слоп в продукте, который у вас уже есть.

Broom читает ваш репозиторий или файл Figma, изучает уже заложенную в него дизайн-систему и находит, где интерфейс уходит от неё к шаблонным решениям. Вы получаете оценку, каждую находку с файлом и строкой, один экран вашего репозитория, пересобранный заново, и правила, которые останавливают дрейф.
Начать бесплатно

3 бесплатных запуска. Карта не нужна.

Раздел «До и после» аудита в приложении Broom: один экран проверенного продукта таким, каким его рисует код, и тот же экран, исправленный в его собственных токенах, разделённые ползунком.

До и после — так, как показывает приложение

Один экран публичного репозитория, который мы проверили, с заменённым названием: нарисован по его коду, затем исправлен в его собственных токенах и компонентах, между ними — ползунок.

Разбор вашего продукта — с доказательствами.

Ничего не перерисовывается. Продукт сверяется с его собственной системой, и ход проверки виден.

Оценка и диапазон, в который она попадает

011,0
Чисто
0 – 3
ничего «сгенерированного»
Слегка
3 – 10
несколько типовых паттернов
Заметно
10 – 20
типовые паттерны по всему продукту
Сильно
20+
интерфейс читается как сгенерированный

Взвешенные находки на 1 000 строк кода интерфейса; рядом указаны число находок и число проверенных строк.

Для масштаба: код, который генерирует Broom, получает по этой проверке 0 — это утверждение в нашем наборе тестов. В публичном репозитории с 7 727 строками кода интерфейса наш запуск нашёл 59 находок и дал оценку 11,0: «Заметно».

Каждая находка — с файлом и строкой

Четыре части: файл, строка, что в ней и что должно быть вместо этого.

1Файл
src/components/card.tsx
2Строка
42
3Что в ней
заливка, обводка и тень на одной карточке
4Что должно быть вместо
оставить заливку

Так выглядит находка; это не строка из чьего-то кода.

Что исправлять первым

Что это за продукт и с чего начать — в его собственных терминах, а не в наших.

Один из ваших экранов, пересобранный заново

Настоящий экран из вашего репозитория, пересобранный в вашей же системе рядом с оригиналом и проверенный: оба счёта указаны. Экран на Flutter, SwiftUI или Jetpack Compose не запускается в браузере, поэтому модель рисует его по коду виджетов, и он помечен как нарисованный.

Под экраном в приложении Broom: проверка слопа на этом экране, 83 до и 1 после, и нумерованный список изменений — например, карточки отделены одной заливкой, без рамки.
  • Система, которая у вас уже есть

    Её цвета, шрифты, углы, отступы, тени, токены и компоненты — в том виде, в каком их нашёл аудит.

  • Пакет, написанный вашими названиями

    SLOP_REPORT.md, правила, где ваши токены и компоненты названы вместе с путями импорта, и навыки — среди них проверка слопа, скрипт, который агент запускает на изменённых файлах.

Принесите репозиторий, папку или файл Figma.

Хватит одного. Выберите, где ваш продукт, и откроется только этот шаг.

  • Ваши репозитории на GitHub

    Войдите через GitHub и выберите репозиторий из своего списка, приватные тоже.

  • Ссылка на GitHub или GitLab

    Вставьте её. Для приватного репозитория GitLab нужен токен только для чтения: он используется для одного запроса и нигде не хранится.

  • Ваш файл Figma

    Загрузите сам .fig. Браузер открывает его и отправляет только документ внутри; изображения не покидают ваш компьютер.

  • Папка, .zip или командная строка

    GitHub не нужен. Загрузите папку проекта или .zip либо запустите npx broom-design audit в проекте с ключом из приложения. Отправляются только код интерфейса и стили, и они не хранятся.

Четыре шага, и последний делает ваш агент.

  1. 01Скажите, что у вас есть продукт.

    «У меня есть продукт», затем «Только убрать AI-слоп» — выбор, при котором ваш облик сохраняется.

  2. 02Подключите то, что есть.

    Репозиторий, файл Figma или и то и другое.

  3. 03Broom изучает вашу систему и сверяет с ней код.

    Он определяет систему, уже заложенную в продукт, а затем проверяет по ней каждый файл, из которого собран интерфейс.

  4. 04Ваш агент получает пакет.

    Распакуйте его в корень репозитория. Файлы инструкций в нём направляют агента к вашим правилам и к проверке слопа.

Что аудит не трогает.

  • Ваш код

    Ничего в нём не меняется. Пакет — это новые файлы; если CLAUDE.md или AGENTS.md уже есть, вы дописываете наши в конец. Исправления вносит ваш агент, а проверяете их вы.

  • Ваш облик

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

    Как работает полный редизайн
  • Ваши осознанные решения

    Фиолетовый бренд, выбранная вами «таблетка», заявленное размытие — всё сохраняется и отмечается, а не записывается в ошибки.

  • Ваш репозиторий

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

Вопросы перед тем, как подключить репозиторий.

  • Может ли Broom проверить приватный репозиторий?

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

    Подключать ничего не обязательно: загрузите папку проекта или .zip в приложении либо запустите npx broom-design audit в проекте с ключом из приложения. Файлы, похожие на секреты, не покидают ваш компьютер.

    Что происходит с вашим кодом
  • В моём репозитории несколько продуктов. Какой из них он читает?

    Тот, который вы выберете. Broom определяет, какие продукты в нём есть — сайт и веб-приложение или iOS и Android в своих папках, — и спрашивает. Если продукт один, лишнего шага нет.

  • Можно ли увидеть, какие файлы он прочитал?

    Да. В отчёте перечислен каждый прочитанный файл, и там же результат можно удалить.

  • Отметит ли он мой фирменный цвет как ошибку?

    Нет, если вы выбрали его сами. Слоп измеряется как отклонение от вашей собственной системы, а не от чужого стиля, поэтому цвет, который вы используете намеренно, сохраняется и отмечается, а не записывается в ошибки.

  • Что означает оценка слопа?

    Взвешенные находки на 1 000 строк кода интерфейса, по диапазонам: Чисто — ниже 3, Слегка — от 3 до 10, Заметно — от 10 до 20 и Сильно — от 20. «Сильно» значит: интерфейс читается как сгенерированный.

  • Какие языки и фреймворки он читает?

    HTML, CSS, React, Vue, Svelte, Astro и Tailwind в вебе; Flutter, SwiftUI и Jetpack Compose для нативных приложений. «До» и «после» нативного экрана модель рисует по коду виджетов, и они помечены как нарисованные.

  • Можно ли проверить файл Figma вместо кода?

    Да. «Только убрать AI-слоп» принимает репозиторий, файл Figma или и то и другое; загрузите сам .fig. Если нужно не проверить файл, а записать его в токены и правила, это хендофф из Figma.

    Как работает хендофф из Figma

Ваш агент получает правила, каким бы путём вы ни пришли.

Что такое AI-слоп и почему агенты его производят

Узнайте, насколько далеко ушёл ваш продукт.

Подключите репозиторий или загрузите файл Figma — и сначала прочитайте находки.

Начать бесплатно

3 бесплатных запуска. Карта не нужна.

  • Все результаты на экране — до оплаты
  • Неудавшийся запуск возвращается сам
  • Ваш код не хранится после запуска