Аудит слопа · Хендофф из Figma · Дизайн-система

Выметите AI‑слоп из своего дизайна.

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

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

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

Пример: один экран релизов, собранный дважды.

Потяните разделитель

Что написал агент
Релизы
iOS и Android

Раскройте свой потенциал уже сегодня

ВыпущенаНа ревьюБета
Сборка 318: ещё идут две проверки.
На этой неделе
Сборки14
Без сбоев99.2%
Тестировщики212
Проверка38 мин
СтатусВерсияКогда
На ревью4.2.0 · сборка 31812 мин назад
Выпущена4.1.9 · сборка 311Во вторник
Ошибка4.1.8 · сборка 309Неделю назад
Из вашей системы
Релизы
iOS и Android

Версия 4.2.0 на проверке

iOS · сборка 318 · 12 минут назад
Сборка 318: ещё идут две проверки.
На этой неделе
Сборки14
Без сбоев99.2%
Тестировщики212
Проверка38 мин
СтатусВерсияКогда
На ревью4.2.0 · сборка 31812 мин назад
Выпущена4.1.9 · сборка 311Во вторник
Ошибка4.1.8 · сборка 309Неделю назад
  • РазделениеСвечение в покоеЦветная полосаКапс в разрядкуГрадиентЗаливка и рамка
  • ИерархияБейджи повсюдуДвойная карточкаПёстрые графики
  • ФормулировкиПустой заголовокБезликая кнопкаЧетыре фильтра

Почему так происходит

Почему продукты, сделанные с AI, выглядят одинаково.

Кодовый агент, которому не дали вашу систему, пишет среднее от всех интерфейсов, что он прочитал. У среднего есть свой облик, и ваши пользователи уже научились его узнавать.

Шаблоны

Одни и те же шаблоны везде

Индиговые градиенты, всё в форме таблетки, свечение на каждой карточке, три преимущества в ряд. Редко уродливо. Просто ничьё.

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

Дрейф

Дрейф, экран за экраном

Каждый новый экран приносит цвет, которого нет в вашей палитре, скругление, которого нет в вашей шкале, вариант кнопки, который никто не рисовал. Кто-то это подчищает. Или никто, и оно уходит в релиз.

Почти попадания: цвета и скругления почти из вашей шкалы.Пример

Промпты

Промпты не держатся

«Следуй нашей дизайн-системе» держится экран-другой. Потом шаблоны возвращаются, потому что агенту дали фразу о вашей системе, а не саму систему.

Фраза о вашей системе держится экран-другой.Пример

В чём разница

Агенту не нужно больше вкуса. Ему нужна ваша система.

Общий промпт даёт каждому продукту один и тот же совет. Broom начинает с вашего продукта (или с брифа, если продукта ещё нет) и передаёт агенту его названия и числа.

Обычный анти-слоп промпт

design-prompt.md · пример

  1. 1# Правила дизайна
  2. 2Используй современную чистую эстетику.
  3. 3Соблюдай единообразие дизайна.
  4. 4Выбери гармоничную палитру.
  5. 5Избегай шаблонного интерфейса.
  6. 6Оставляй много воздуха.
  7. 7Пусть ощущается премиально.
  • Один и тот же файл для любого продукта
  • Ни одного числа, нечего проверить

Broom

Пример системы
type.title16 / 500
type.numberGeist Mono
color.success#1f7a4d
radius.control10px
color.accent#1f5bff
Счёт 0142
$1,240.00
Оплачен
Добавить заметку
Отправить чек
  • Считано из вашего репозитория или файла Figma
  • Компоненты, токены и скиллы под вашими названиями
  • Проверка на слоп, прежде чем агент скажет «готово»

С чем работает

Ваш агент. Ваш стек.

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

Три пути.

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

  • Первый шаг брифа в приложении Broom: поле для документа с требованиями, затем название продукта и что он делает.

    Дизайн с нуля

    Дизайна ещё нет. Мы создаём облик и правила для вашего агента.

    Как это работает
  • Экран хендоффа из Figma в приложении Broom: поле для файла .fig и пометка, что отправляются только данные дизайна.

    Хендофф из Figma

    Дизайн готов в Figma. Мы превращаем его в правила для вашего агента.

    Как это работает
  • Первый выбор после «У меня есть продукт» в приложении Broom: где находится продукт — GitHub или GitLab, папка проекта или файл Figma.

    У меня есть продукт

    Продукт уже запущен. Уберём AI-слоп или сделаем редизайн.

    Как это работает

От вашего продукта — к вашему агенту

Как это работает.

Без созвонов, онбординга и воркшопов. Вы даёте что-то настоящее — получаете файлы.

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

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

Ваш файл Figma

Или бриф

  • Читает уже существующую систему

  • Находит где интерфейс отходит от неё

  • Пишет правила вашими названиями

Отчёт

Аудит слопа

Пакет

До и после

Аудит слопа

Отчёт

Что возвращает аудит слопа.

Сначала не новый дизайн, а разбор того, что у вас есть, — с доказательствами, которые открываются в вашем редакторе.

Всё об аудите
Обзор аудита слопа в приложении Broom: оценка слопа 13.4, «Заметно», отмеченная на шкале от 0 до 40, 110 находок в 7 111 просканированных строках и один экран продукта до и после со слайдером между ними.

Отчёт аудита — так, как его показывает приложение

Настоящий запуск на публичном репозитории, название продукта заменено: оценка на шкале, что было прочитано, и один из экранов до и после.

Та же проверка, та же шкалаНаходки на тысячу строк, с весами.
Код, который генерирует BroomПроверка в нашем собственном наборе тестов
0 Чисто
Публичный репозиторий, который мы проверили59 находок в 7,727 строках
11.0 Заметно
  • Чисто 0–3ничего «сгенерированного»
  • Слегка 3–10несколько типовых паттернов
  • Заметно 10–20типовые паттерны по всему продукту
  • Сильно 20+интерфейс читается как сгенерированный

Что попадает в ваш репозиторий.

Один zip, распакованный в корне. Ваш код не меняется — всё внутри новое, и агент читает это до того, как напишет хоть строку интерфейса.

  • components/

    Под ваш стек, все варианты и состояния.

  • tokens/

    CSS-переменные для светлой и тёмной темы, Tailwind, DTCG JSON, Dart, Swift и Kotlin.

  • docs/components/

    По странице на компонент.

  • .claude/skills/

    Скиллы — в названиях вашего продукта. Проверка на слоп — скрипт.

  • DESIGN_SYSTEM.md

    Все значения токенов и список компонентов.

  • CLAUDE.mdAGENTS.md.cursorrules

    Направьте агента на всё это.

Компоненты, а не сниппетыВсе варианты и состояния, управление с клавиатуры и атрибуты доступности.
Для веб-приложения
44
Для мобильного приложения
50
Для сайта
52
Ваш стекКаждое сочетание текста и фона в токенах проверено — в светлой и тёмной теме.
СтекКодТокеныДокументы
React + TailwindДаДаДа
Next.js + TailwindДаДаДа
VueДаДаДа
SvelteДаДаДа
React NativeДаДаДа
HTML + CSSСпекаДаДа
FlutterСпекаДаДа
SwiftUIСпекаДаДа
Jetpack ComposeСпекаДаДа

Код — файлы компонентов для стека. Спека — каждый компонент, описанный полностью, чтобы его собрал агент; код для этих стеков появится позже.

Скиллы, которые запускает агент

В названиях компонентов и числах вашего продукта. Проверка на слоп — скрипт, который агент запускает, прежде чем назвать задачу выполненной.

  • build
  • states
  • edge-cases
  • consistency
  • review
  • finish
  • slop-check
  • и ещё один под ваш тип продукта

Всё остаётся у вас: используйте, меняйте, выпускайте и продавайте то, что на этом построите. Без указания авторства и без лицензии, за которой надо следить.

Цены.

Смотреть — бесплатно; платите, когда забираете результат для своего агента. Запуск — один проход любого сервиса: система по брифу, хендофф из Figma или аудит слопа, и в каждом варианте есть все три.

  • Бесплатный

    $0для начала

    • 3 запуска любого сервиса
    • Все результаты на экране: оценка, находки, Before / After, дизайн-система
    • Скачивание пакета не входит
    • Карта не нужна
    Начать бесплатно
  • Один проект

    $10один раз

    • Пакет этого проекта навсегда, со всеми версиями
    • Правила, скиллы, компоненты и токены для вашего агента
    • Ещё 3 запуска по нему в течение 30 дней
    • Покупается у любого результата — там, где скачивается пакет
    Начать проект
  • Pro

    Рекомендуем

    $30в месяц

    • Все проекты открыты, пока действует подписка
    • 20 запусков в месяц; неиспользованные не переносятся
    • Проекты, открытые в Pro, остаются открытыми и после отмены
    • Отмена в приложении, в любой момент
    Перейти на Pro

Неудавшийся запуск возвращается сам. Если отмените Pro, оставшиеся запуски останутся у вас.

Прежде чем начать

Вопросы.

Что спрашивают, прежде чем направить Broom на свой продукт. Где ответ касается ваших данных или денег, Политика конфиденциальности и Условия говорят об этом полностью — и силу имеют именно они.

  • Что такое AI-слоп?

    Типовой облик, который выдаёт ИИ-агент для кода, когда ему никто не рассказал, как выглядит ваш продукт: среднее по всем интерфейсам, которые он прочитал. Градиенты, которые никто не выбирал, всё в форме таблетки, свечения, разрядка заглавными, выдуманные отзывы. Это редко уродливо — это взаимозаменяемо.

    Что такое AI-слоп — подробно
  • Чем это отличается от бесплатного дизайн-скилла или промпта?

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

  • С какими агентами для кода это работает?

    С любым агентом, который читает инструкции проекта из файлов. В пакете есть CLAUDE.md для Claude Code, AGENTS.md — его читают Cursor, Codex, GitHub Copilot, Gemini CLI, Windsurf и многие другие — и .cursorrules. Они направляют агента к скиллам, компонентам и токенам — всё это обычные файлы в вашем репозитории.

  • А если у меня уже есть дизайн-система?

    Тогда мы её сохраняем. Выберите «Только убрать AI-слоп», и Broom изучит вашу систему по самому продукту и будет считать слопом отход от неё к типовым умолчаниям — так что фиолетовый бренд, намеренно выбранная таблетка или заявленный вами блюр останутся ровно такими, как вы решили.

    Правила, которые вы получите, называют ваши токены, компоненты и числа — с путями импорта, которые ваш код уже использует.

  • Для каких стеков вы пишете код?

    React + Tailwind, Next.js + Tailwind, Vue, Svelte и React Native получают файлы компонентов — все варианты, все состояния, управление с клавиатуры и атрибуты доступности.

    HTML + CSS, Flutter, SwiftUI и Jetpack Compose получают токены на родном языке платформы и страницу на каждый компонент с описанием того, что строить. Выберите несколько стеков — дополнительные лягут рядом с первым, собранные из того же описания системы.

  • Что происходит с моим кодом?

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

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

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

  • Обязательно ли подключать GitHub?

    Нет. Публичному репозиторию доступ вообще не нужен. Можно также загрузить папку проекта или .zip в приложении или запустить npx broom-design audit в проекте с ключом из приложения — файлы, похожие на секреты, не покидают ваш компьютер. Если всё же подключите GitHub, Broom читает только выбранные вами репозитории и только на чтение.

    Что происходит с вашим кодом
  • А если в одном репозитории несколько продуктов?

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

  • Меняет ли Broom мой код?

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

    Код меняет ваш агент — после того как прочитает их, — и этот коммит по-прежнему проверяете вы.

  • Вы обучаете модели на моих данных?

    Нет. Ни модель, ни дообучение, ни набор для оценки. Ваш код и ваш дизайн не делают Broom лучше ни для кого другого.

    Пишет одна модель: Google Gemini, которую мы вызываем через Google Vertex AI в собственном проекте Google Cloud. Рабочий сервис не обращается ни к одному другому поставщику моделей, а если это когда-нибудь изменится, мы заранее скажем об этом на странице конфиденциальности. В условиях Google для Vertex AI сказано, что Google не использует то, что клиенты отправляют в сервис, для обучения своих моделей.

  • Сколько длится запуск?

    На наших собственных запусках хендофф из Figma занял 8 секунд, система по брифу — 23 секунды, а полный аудит репозитория — примерно две с половиной минуты. Большой репозиторий займёт больше; конкретного числа мы не обещаем.

  • Что бесплатно, а за что я плачу?

    Смотреть — бесплатно: 3 запуска любого сервиса без карты, и каждый результат показан на экране — оценка, находки, Before / After и дизайн-система. Платите вы за то, чтобы забрать результат для агента: пакет с правилами, скиллами, компонентами и токенами.

    Один проект — $10 один раз: его пакет навсегда, со всеми версиями, и ещё 3 запуска по нему в течение 30 дней. Pro — $30 в месяц: все проекты открыты и 20 запусков в месяц. Неудавшийся запуск возвращается сам; повторный запуск — ещё один запуск.

  • Кому принадлежит результат?

    Вам. Компоненты, токены, документация, скиллы, файлы правил и отчёт — ваши: используйте, меняйте, выпускайте и продавайте то, что на них построите. Указывать авторство не нужно, лицензии, за которой надо следить, нет, и на продукт, который вы строите, мы не претендуем.

    Нашим остаётся сам Broom — движок, вкус за ним, детектор и промпты. И результат не уникален для вас: другой клиент с похожим брифом может получить что-то похожее, и обратного мы не обещаем.

  • Можно ли отменить подписку и вернуть деньги?

    В любой момент, в приложении: откройте тарифы на экране оплаты и перейдите с Pro на бесплатный тариф. После оплаченного месяца ничего не продлится, оставшиеся запуски останутся у вас, а все проекты, открытые в Pro, останутся открытыми. Проект, купленный отдельно, — разовый платёж, отменять там нечего. Официальный продавец — Dodo Payments, поэтому карта меняется в их клиентском портале, который открывается с экрана оплаты.

    Чтобы вернуть деньги, напишите на support@broom.design в течение 14 дней после оплаты, и мы попросим Dodo сделать возврат. Неудавшийся запуск ничего не стоит — он возвращается сам, — но уже использованные запуски не возвращаются.

  • Где хранятся мои данные и как их удалить?

    База данных — Firestore во Франкфурте, API работает в Cloud Run в Бельгии, оба внутри Европейского союза. За его пределы выходят две вещи: вызовы модели идут на глобальный эндпоинт Google, поэтому запрос может обслуживаться вне Европы, а платёжный провайдер обрабатывает данные вне ЕЭЗ по своим условиям.

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

  • Можно ли пользоваться Broom с телефона?

    Broom сделан для компьютера. На телефоне или планшете он показывает заметку со ссылкой, чтобы открыть его на ноутбуке; этот сайт читается где угодно.

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

    Везде, кроме Европейской экономической зоны, Великобритании и Швейцарии. При создании аккаунта мы спрашиваем, в какой вы стране, и для этих стран аккаунт не открываем.

    Дело в наших собственных документах, а не в вас: сегодня Broom ведёт один человек, а не компания, а чтобы как следует обслуживать эти страны, нужно то, что положено нести компании. Она сейчас создаётся. Напишите на support@broom.design, и мы сообщим, когда откроемся.

Ваш агент так или иначе напишет интерфейс.

Дайте ему ваши компоненты, токены и правила вместо его умолчаний. Направьте Broom на репозиторий или файл Figma — или вообще ни на что — и прочитайте, что получится.

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

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

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