Как креативная работа превращается в атомарные брендовые киты для ИИ-агентов

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

Как креативная работа превращается в атомарные брендовые киты для ИИ-агентов

На прошлой неделе нью-йоркская брендинговая студия Little Plains отправила основателю стартапа zip-архив с двумя папками, /human и /agent, и файлом readme.md. Внутри лежал весь бренд его компании: логотип, цвета, шрифты, тексты и правила, по которым всё это живёт, записанные в виде инструкций для ИИ. Основатель загрузил архив в Cursor, ввёл один промпт, и в тот же день у него был почти готовый лендинг.

Этот текст пересказывает опыт самой студии: её сооснователь Эмметт Шайн, до этого создавший агентство Gin Lane и запустивший десятки брендов, описывает новый формат брендинговых услуг для эры ИИ-агентов.

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

Для студии это свежий опыт, и случился он во многом благодаря Design-режиму Claude AI. Design выдаёт не картинки с макетами, а структурированные файлы: стили, компоненты, правила. Именно из таких файлов и собирается пакет для агентов.

Интерфейс Claude AI
Так выглядит Claude AI — скриншот из каталога ailibri

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

Главное происходит в начале проекта

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

Несколько дней назад в студии пытались объяснить коллегам, как всё изменилось, и нарисовали на доске диаграмму: по вертикали ценность проекта, по горизонтали время.

Диаграмма на доске: ценность проекта против времени, воронка и квадратик magic_trick.md

Теперь картина похожа на воронку, положенную на бок. Самое важное происходит в первые недели: исследование рынка и решения о том, что это за бренд. Для кого он. Что говорит. Как звучит. Чем отличается от соседей по рынку. Эти решения и отличают бренд, который выдержит конкуренцию, от того, что рассыплется. Дальше воронка сужается: когда решения приняты, всё остальное, от лендингов до рекламных кампаний, просто следует из них.

Обратите внимание на квадратик magic_trick.md в правой части диаграммы. К нему ещё вернёмся.

Что такое атомарный брендовый кит

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

Теперь студии отдают клиентам другое.

Такой пакет называют атомарным брендовым китом (kit по-английски «набор»). Слово «атомарный» отсылает к методологии atomic design Брэда Фроста: интерфейс собирается как конструктор, где из атомов (цвет, шрифт, кнопка) складываются молекулы (форма поиска), а из молекул — организмы (шапка сайта). Кит устроен так же: от мельчайших деталей до готовых шаблонов.

Структура каждого кита, который отправляет студия:

Файлы атомарного кита Type в Claude Design: папки assets и ui_kits, стили colors_and_type.css, README.md

Папка /human — для людей. Внутри привычные гайдлайны, PDF и Figma-документы, по которым команда клиента понимает, как бренд выглядит и звучит.

Папка /agent интереснее. Это тот же бренд, но записанный для машин: файлы YAML, JSON, Markdown, HTML, CSS и SVG, которые любой ИИ-агент может прочитать и пустить в работу. В них зашиты цвета и шрифты, а вместе с ними и решения: для кого этот бренд, каким тоном он говорит, чего никогда не скажет.

HTML-файл UI-кита Type в редакторе кода: бренд закодирован как инструкции

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

Загрузи такой кит в Claude Design, Claude Code или Cursor, и агент соберёт лендинг, интерфейс или рекламную кампанию в фирменном стиле: правильные шрифты, цвета, анимации, тексты в нужном тоне. Модели не приходится угадывать, все решения уже записаны в файлах.

Пример: стартап Type

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

Лендинг Type, собранный агентом из атомарного кита за один промпт

Финальный пакет загрузили в Cursor и ввели один промпт: «сгенерируй HTML-лендинг на основе атомарной дизайн-системы и стратегии». Модель прошла по системе от мелких элементов к крупным блокам и выдала готовый лендинг: шрифты на месте, кнопки правильно отзываются на наведение, анимации движутся по заданным правилам, тексты попадают в тон бренда. Результат получился сильным. Помогла и толковая команда основателей, и немного волшебства (о нём в следующем разделе).

В папке motion лежит JSON-файл с фирменным характером анимации: как быстро элементы появляются, как замедляются. Когда этот файл попросили визуализировать, Claude Design собрал интерактивную страницу: кликаешь по кнопке и чувствуешь движение вживую, а не читаешь о нём.

Интерактивная демонстрация системы движения: hover-состояния кнопки с кривыми замедления

Основатели Type сами из дизайна и инженерии, поэтому у них цикл ещё короче. Перетащили кит в редактор, поменяли значение, сохранили. Сменить фирменный цвет — одна CSS-переменная. Изменить характер анимации — одна строчка в JSON. Перезагрузили в Claude Design, и весь гайдлайн пересобрался с новыми значениями.

А вот результат того же промпта в Cursor на другой модели, Opus 4.7:

Cursor с Opus 4.7 собирает лендинг из атомарного кита

magic_trick.md

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

Кит умеет только перекомбинировать то, что в него заложили: позиционирование, тон, компоненты, движение. Для того его и делали. Результат будет аккуратным, фирменным, готовым к публикации. И при этом средним: система выдаёт самый вероятный вариант из собственных материалов. Правильно и оригинально — разные вещи.

Вспомните небольшой подъём в самом конце диаграммы на доске. Это и есть magic trick.

Когда основную работу делает агент, к концу проекта всё сходится к самому ожидаемому варианту. А нужно ровно обратное. Один промпт почти никогда не рождает прорыв: выходит слишком гладко. В студии шутят, что им порой не хватает даже дикой креативности ИИ-галлюцинаций.

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

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

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

Внутри команды это называют magic_trick.md, и шутка тут лишь наполовину: файл действительно лежит в корне кита.

Файл magic_trick.md в корне кита рядом с папками verbal и artifacts

Ценность словаря

Недавно у диджея и продюсера Diplo спросили про ИИ. Он ответил: лучшие диджеи мира часто старше него, и дело в словаре, в накопленном знании музыки.

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

Великим диджея делает именно это: накопленное знание плюс чутьё, какую пластинку поставить, в какой комнате, в какую ночь. «В этом моя сила, я вырос, откапывая старые записи», говорит он.

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

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

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

Системное мышление и оригинальное мышление работают в паре.

Почему HTML, CSS и SVG, а не PDF

Формат поставки — половина смысла.

Компонент в виде HTML агент может прочитать и использовать. В SVG-логотипе логика зашита прямо в геометрию: агент может его перекрасить или масштабировать без потери качества. CSS-файл — визуальный язык бренда, записанный кодом. Все эти файлы — инструкции, по которым можно строить. А картинку PNG или страницу PDF можно только посмотреть.

CSS-файл фирменных кнопок: визуальный язык бренда закодирован в стилях

Когда систему оформляют как HTML, CSS и SVG, её с самого начала строят с расчётом на то, как агенты будут её читать и собирать, а не только на то, как её увидят люди.

Что изменил Claude Design

Идея атомарного кита появилась у студии раньше Claude Design, команда шла к ней с начала года. Изменилось другое: собрать такой кит качественно и быстро стало реально на практике.

В Claude Design система продумывается сразу со всех сторон: визуально, словесно, стратегически и структурно. Команда работает в одном инструменте и сразу получает файлы в нужных форматах, без ручной конвертации, которая раньше съедала вторую половину каждого проекта. Работа, занимавшая в 2025 году 12-недельный контракт, теперь иногда укладывается в 4-недельный спринт.

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

Что на самом деле продаётся

Кит сам по себе не готовый актив. Это система, которая производит активы. Клиент покупает закодированное мышление: набор решений, благодаря которым каждый будущий лендинг, баннер или пост ощущаются как один и тот же бренд.

Сооснователь Twitter и Block Джек Дорси и глава Sequoia Capital Рулоф Бота недавно опубликовали эссе «От иерархии к интеллекту». Мысль такая: следующее поколение компаний будет строиться вокруг world model, постоянно обновляемого машиночитаемого описания бизнеса, достаточно подробного, чтобы ИИ мог действовать по нему напрямую. Чем глубже это описание, тем сильнее преимущество компании.

С креативной работой то же самое. Атомарный кит — это world model бренда: машиночитаемое описание того, что это за бренд, для кого он, как звучит и как выглядит.

Как это будут продавать

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

Студия уже пробует такую модель. Вместе с Дэном Бэттеном команда собрала собственного агента для глубоких исследований, доступ к которому есть только у Little Plains. Несколько клиентов попросили доступ, и логичный ответ: ежемесячная плата, за которую студия поддерживает и улучшает инструмент.

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

Node-based пайплайн генерации изображений в Flora: связанные узлы моделей

Скорее всего, приживётся гибрид: оплата работы на старте плюс лицензия на системы, которые остаются у клиента. Для тех, у кого есть оригинальные идеи, такая модель выгодна: платят за голову, а не за руки.

Где мы сейчас

За последний месяц студия передала клиентам несколько атомарных китов. Команды основателей уже строят на их основе, к реальным дедлайнам запуска, а это единственная проверка, которая имеет значение.

Каждый сотрудник студии пользуется Claude Design ежедневно. Копирайтеры проверяют тексты прямо внутри готовых HTML-страниц, а не в гугл-доках: сразу видно длину строк, переносы и то, как текст работает в макете. Дизайнеры проверяют компоненты в той же среде, где те будут жить после запуска.

Библиотека компонентов кита с кнопками согласования Looks good и Needs work

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

А оригинальное творческое мышление, которое студия всегда ценила больше всего, будет значить ещё больше.

Что из этого взять себе

Повторить подход Little Plains в миниатюре можно без агентства и бюджета. Соберите в одной папке несколько файлов о своём бренде или проекте:

  • brand.md: позиционирование, аудитория, тон голоса, любимые и запрещённые слова;
  • tokens.css: цвета, шрифты и отступы в виде CSS-переменных;
  • logo.svg: логотип в векторе, который агент может масштабировать и перекрашивать;
  • examples.md: два-три удачных текста как образец стиля.

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

Смотрите также

Каталог приложений Telegram Mini Apps

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

Открыть →

Поддержите Ailibri

Если наш каталог оказался полезным, вы можете оставить небольшой донат. Это поможет нам развивать проект.

♥ Поддержать

Будьте в курсе новых нейросетей — подпишитесь на наш Telegram-канал

Ежедневные обзоры свежих AI-инструментов, лайфхаки и инструкции прямо в вашем мессенджере.

Подписаться
Бесплатно · Нейросеть

Генерация изображений прямо в Telegram

3 бесплатные генерации в день через нейросеть nano banana — просто подпишись на канал @n_seti

Быстро Точно Качественно
Попробовать @gen_neurosila_bot

Нейросети и ИИ-инструменты

Все теги →
github261 text-to-text168 text-to-image128 tool92 api71 ии-агенты64 image-to-image42 каталог34 языковая модель31 python29 создание чат-ботов29 desktop-приложение29 self-hosted24 text-to-video24 браузер22 маркетинг20 удалить фон20 курсы20 voice-to-text20 mcp19
AILibri – главная страница
Ctrl / ⌘+K