REFS: библиотека референсов, где анимацию можно повторить по промту

Проблема

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

Проблема оказалась не во мне, а в галереях:

• сильный референс не описан, его можно найти только глазами;
• в Pinterest нельзя искать внутри своих досок, а лента тонет в AI-контенте;
• поиск по блоку выдаёт в основном шум, потому что хорошие решения никто не разметил.

Ключевая идея: один сайт — это десять референсов

Сайт нельзя хранить одной карточкой. Я режу его на 10–12 смысловых блоков: первый экран, карточки, список, футер. Каждый блок становится отдельным референсом со своим описанием и тегами. На запрос «список» человек получает настоящие списки с разных сильных сайтов, а не сайты, где где-то внизу есть список.

У каждого блока три слоя: описание и теги для поиска; разбор композиции по форме, пространству и времени; интерпретация замысла с честной пометкой, что её сделал AI.

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

Исследование до разработки

Я провёл пять исследований с проверкой источников:

• Рынок. Ниша «блоки + описание + поиск по смыслу» свободна, но окно узкое: крупные галереи движутся в ту же сторону. Цены в нише $7–16 в месяц.
• Анимации. Никто из каталогов не ищет по характеру движения. AI хорошо распознаёт тип движения, но плохо — «ощущение». Поэтому слой «ощущений» я убрал: по словам вроде «тягучий» никто не ищет.
• Извлечение анимаций с живых сайтов с точными параметрами, а не на глаз.
• Хранение и безопасность. Сервер в России по закону о персональных данных. Отсюда правило: платный контент вообще не отдаётся браузеру, его не прячут размытием.
• Метод. Вместе с преподавателем Сергеем Гуровым нашли главную границу: анализ отдаём машине, синтез оставляем человеку. Агент раскладывает блок по осям раздельно и не пытается собрать замысел — на этом AI начинает выдумывать.

Команда агентов вместо команды людей

Я не программист, поэтому выстроил процесс как в студии, только сотрудники — AI-агенты со своими ролями: один отбирает сайты, другой снимает блоки и видео, третий описывает, модераторы принимают или отсеивают, наладчик разбирает ошибки, отдельный агент превращает видео в промт.

Каждая моя правка становилась правилом. Агент назвал списки «аккордеонами» — появилось правило. Снял мыльное видео — правило про качество. Описал камеру вместо интерфейса — правило «описывай интерфейс». Так набралось несколько десятков правил, и качество перестало зависеть от удачи.

Решения, которые определили продукт

1. Описания — для поиска, промты — продукт

Однажды я честно признал, что при поиске сам не читаю описания, а смотрю на картинку. Арт-директор Никита поддержал идею и сам в неё вложился: отдал мне выгрузку своей библиотеки Eagle, которую вёл несколько лет, около 1500 картинок. Она стала основой базы. Но и он сказал прямо: «Дайте картинки». Картинки бесплатно дают десятки сервисов. Промтов, по которым агент повторяет анимацию, нет ни у кого. Так описания стали инфраструктурой поиска, а разбор движения — главной ценностью.

2. Промты только там, где кроме видео ничего нет

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

3. Не выдумывать правила за агента

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

4. Фримиум без стены на входе

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

5. Объём волнами, качество — человеком

Объём описывали параллельные агенты волнами, а каждый референс я принимал или отклонял одной кнопкой. Около 500 слабых вычистил вручную. Словарь тегов сократил с 387 хаотичных до 93 понятных. На этом словаре держатся фильтры: тип блока, вёрстка и композиция, стиль и типографика.

Что получилось

• 3072 референса из 59 источников, включая 52 разобранных живых сайта.
• 195 видео с разбором движения, 130 готовых промтов.
• Первый экран открывается примерно за 1 секунду вместо 10–30, первая загрузка весит 1,8 МБ вместо 63.
• Регистрация, подборки с коллажами, предложка от коллег, лента, которая подстраивается под человека после трёх-четырёх открытий, пробный период и платный уровень.

Чему научился

• Ошибки AI ловит только человек. Агент уверенно писал «статичный кадр» про видео и описывал мокап вместо интерфейса. Без проверок база была бы красивой и лживой.
• Сначала замер, потом правка. Сайт грузился 15–30 секунд при свободном сервере. Причины нашлись только замерами: оригиналы видео вместо превью, тяжёлые гифки, сломанная ленивая загрузка.
• Лимиты определяют продукт. Разбор одного живого сайта дорогой, поэтому массово описываются шоты, а живые сайты — точечно.
• Регистрация — не цель. Главная метрика сейчас — сколько людей вернутся сами на второй неделе.