Новость

Плагин brand-identity для Claude Code генерирует готовые брендбуки в терминале

The image presents a grid of sixteen logos, each distinct in color and design, arranged in four rows and four columns. The logos are arranged in a symmetrical pattern, creating a visually appealing and harmonious composition. The logos are primarily in shades of pink, blue, green, and yellow, with some logos featuring
Фото: GitHub

Знакомая картина: нейросеть рисует симпатичный знак, соседний чат-бот подбирает к нему случайные шестнадцатеричные коды цветов, а шрифты из сгенерированной картинки не существуют в природе или не поддерживают нужную языковую раскладку. Разработчик Фатих Айдост (Fatih Aydost) выкатил решение этой головной боли — плагин brand-identity для консольного ассистента Claude Code. Инструмент собирает полноценную айдентику из одного текстового описания, связывая знак, типографику и палитру в единую систему без привычного генеративного хаоса.

Проект выложен на GitHub под свободной лицензией MIT. Главная идея здесь в том, чтобы заставить искусственный интеллект работать не как изолированный генератор картинок, а как дисциплинированный технический дизайнер. На входе плагин принимает концепцию, а на выходе собирает от трех до четырех самостоятельных дизайн-направлений, оформленных по всем правилам взрослой студийной подачи.

The image presents a comparison of three directions for Tesselate, a web development framework. The first direction, "Truchet Tile", is a square-to-quadrilateral tile with a grid of four columns and four rows. The second direction, "Readable Run", is a single-to-many tile with a grid of four columns and four rows. The
Фото: GitHub

Что пакуется в брендбук

Базовый результат работы инструмента — это готовый сверстанный восьмистраничный PDF-документ. В него входят титульный лист, описание концепции, основной логотип и его вариации, правила размещения на цветных фонах, охранные зоны, типичные ошибки использования, разложенная палитра, типографическая иерархия и примеры нанесения на носители. Если запустить команду с флагом --full, объем руководства вырастает до 13 страниц: туда добавляются модульная сетка, правила адаптации под темную тему, параметры доступности, набор пиктограмм и базовые иллюстрации.

The image showcases the Fernhill Books brand guidelines, presented in a clean and modern design. The guidelines are set against a vibrant red background, with the brand name "Fernhill Books" prominently displayed in white text. A white arrow pointing to the left is positioned above the brand name. The guidelines are or
Фото: GitHub

Помимо документации плагин выгружает рабочие ассеты:

  • Векторные файлы в формате SVG;
  • Растровые PNG в полном цвете, монохроме и инверсии для темных фонов;
  • Иконки приложений и готовые фавиконы;
  • Наборы дизайн-токенов в форматах CSS, SCSS, Tailwind и стандарте DTCG JSON;
  • Таблицы стилей для шрифтов с готовыми блоками кода для встраивания на сайт.

Отдельно нас подкупила функция аудита уже работающих сервисов. Плагину можно скормить URL действующего сайта: инструмент сам распарсит фронтенд, вытащит текущие визуальные константы и предложит сценарии редизайна. Через параметры keep и refresh пользователь волен указать, какие элементы существующего стиля нужно сохранить в неприкосновенности, а какие отправить на полную переработку.

The image showcases the Fernhill Books website, featuring a clean and modern design with a white background. The website is divided into two sections: "Fernhill Books" and "Typography". The "Fernhill Books" section includes a navigation bar with links for "Fernhill Books", "Fernhill Books - Independent Bookshop", and "
Фото: GitHub

Архитектура и жесткий технический контроль

Самое интересное в brand-identity скрыто под капотом. Процесс генерации разделен на две независимые роли: языковая модель отвечает исключительно за проектирование и смыслы, а техническую рутину контролируют вспомогательные скрипты. Айдост встроил в пайплайн автоматические барьеры качества (гейты). Если предложенное решение спотыкается хотя бы на одном тесте, скрипт принудительно останавливает процесс и возвращает задачу агенту на доработку.

Контроль качества включает сразу несколько строгих параметров:

  • Аудит цветового контраста по отраслевым стандартам WCAG 2 и APCA;
  • Симуляцию различных видов цветовой слепоты, чтобы проверить различимость интерфейса для людей с дальтонизмом;
  • Проверку шрифтовых касс на наличие необходимых языковых глифов, исключающую битые символы;
  • Валидацию лицензионной чистоты используемых шрифтов;
  • Тестирование читаемости логотипа в микроскопических размерах 16 и 32 пикселя.

Для запуска всей этой связки потребуется окружение Python версии 3.10 или новее, любой браузер на базе Chromium (Google Chrome, Microsoft Edge или Brave), а также менеджер виртуальных сред uv. Через uv инструмент на лету подтягивает специализированные библиотеки fonttools, uharfbuzz и skia-pathops, которые как раз и отвечают за обсчет векторных контуров и шрифтовых файлов.

Инструмент работает строго локально на машине пользователя. В коде нет скрытой телеметрии: сетевой доступ плагину требуется только в двух случаях — чтобы забрать шрифты и метаданные из официального репозитория Google Fonts либо чтобы перейти по указанному URL для анализа чужого сайта. Разработку протестировали в Claude Code на Linux (включая работу внутри изолированных контейнеров), macOS и Windows. Попытка запустить скрипт через стандартный веб-интерфейс claude.ai ни к чему не приведет: тамошняя облачная песочница отрезана от внешних ресурсов и попросту не умеет подгружать каталоги Google Fonts.

Мы бы попробовали этот инструмент в качестве персонального препресса и быстрого упаковщика идей. Автоматизация не заменит арт-директора с наметанным глазом и чувством контекста, но она с легкостью срезает пять-шесть часов рутины по выравниванию охранных полей, экспорту фавиконов и проверке контрастности кнопок по таблицам доступности.

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

Ещё новости

Все новости →