№97

25 октября 2026

дизайн · инструменты · агенты

Дизайн-референс сайта в виде файла для вашего агента

Готовый DESIGN.md с палитрой, шрифтами, отступами и анимациями чужого сайта, который можно подсунуть агенту вместо словесного брифа.

4 мин чтения

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

Что показано

Карусель на 9 слайдов без озвучки от Дениса Шамсутдинова (kub_studio): подборка "где дизайнеры воруют идеи", один сервис с готовыми DESIGN.md под ИИ-агентов и восемь галерей-вдохновения - посты брендов для соцсетей, мобильные лендинги, анимации интерфейсов, первые экраны, навигация, кнопки-CTA, архив визуального дизайна. То есть сама карусель это просто список закладок, приём прячется только в первом пункте.

Почему это работает

getdesign.ai не копирует сайт, а описывает его дизайн-решения текстом: цвета, типографику, сетку, компоненты, логику выбора. Агенту такой файл заходит лучше, чем картинка-референс или абзац пожеланий: это ровно то же самое, что вы обычно пишете в CLAUDE.md или дизайн-гайде проекта, только уже готовое и заточенное под конкретный визуальный стиль. Короче, агент не "смотрит" на сайт глазами, он читает структурированное описание и воспроизводит логику, а не пиксели.

Файл с правилами дизайна агент слушается охотнее, чем картинка-референс, потому что он и так работает текстом, а не зрением.

Как повторить

  1. Откройте getdesign.ai и выберите референс по стилю (без аккаунта доступны 3 скачивания, "crowned"-дизайны закрыты).
  2. Скачайте DESIGN.md: внутри описаны цвета, шрифты, отступы, компоненты и анимации сайта-референса.
  3. Положите файл в корень своего проекта рядом с CLAUDE.md или системным промптом агента.
  4. Явно попросите агента (Cursor, Claude Code, v0, Lovable) сверяться с DESIGN.md при генерации вёрстки: само по себе соседство файла в проекте агент не считывает.
  5. Если нужен безлимит и закрытые дизайны, берите Full Access от $4,99/мес при годовой оплате, есть варианты с оплатой раз в квартал и разовый пожизненный доступ.

Ссылки и ресурсы

  • getdesign.ai - библиотека DESIGN.md-файлов под ИИ-агентов, основной приём разбора; 3 скачивания без аккаунта, 5 на бесплатном, дальше от $4,99/мес; проверено WebFetch 2026-10-24
  • posts.design - подборка постов брендов для соцсетей, для вдохновения форматом; из текста карусели; проверено curl (HTTP 200)
  • loadmo.re - галерея мобильных сайтов с нестандартным UX (брутализм, 3D, анимация); из текста карусели; проверено WebFetch 2026-10-24, доступ без оплаты
  • recent.design - лента свежих дизайн-работ; из текста карусели; проверено curl (HTTP 200)
  • 60fps.design - коллекция анимаций интерфейсов; из текста карусели; проверено curl (HTTP 200)
  • supahero.io - примеры первых экранов (hero-секций); из текста карусели; проверено curl (HTTP 200)
  • navbar.gallery - примеры навигации: навбары, мега-меню, боковые панели; из текста карусели; проверено WebFetch 2026-10-24, доступ без оплаты
  • cta.gallery - галерея кнопок и призывов к действию с фильтром по отрасли; из текста карусели; проверено WebFetch 2026-10-24, галерея открыта без оплаты, есть платные шаблоны Webflow/Framer от спонсоров
  • inspora.design - архив визуального дизайна; из текста карусели; проверено curl (HTTP 200)

Проверочный прогон

Скачайте DESIGN.md с любого референса на getdesign.ai и откройте его как текст: внутри должны быть секции с цветовой палитрой, шрифтами и описанием компонентов, а не код вёрстки и не картинки. Положите файл в тестовый проект и попросите агента собрать простую страницу "по этому DESIGN.md". Если результат держит тот же характер (не копия, но та же логика отступов и акцентов), приём сработал. Если агент выдал привычный дженерик, значит он не подхватил файл, и в промпте нужно сослаться на него явно, а не класть рядом и надеяться.

Где это пригодится

Если у вас уже есть ИИ-агент, который верстает страницы (для лендинга, личного проекта или клиентской работы), а результат раз за разом выходит одинаково дженерик, это быстрый способ подсунуть ему чужой, но конкретный дизайн-язык вместо абстрактного "сделай красиво". Годится и для разового прогона, и как постоянный файл рядом с CLAUDE.md в проекте. Остальные 8 сайтов из подборки это просто витрины для глаз, когда нужно быстро накопить референсы перед правкой макета, техники там нет. В общем сам getdesign.ai руками пока не гонял через настоящего агента, судил по содержимому сайта и описанию механики, не по результату генерации.

Оговорки

Приём проверен только по описанию сервиса через WebFetch, а не живым прогоном через агента: неизвестно, насколько точно модели вроде Claude Code или Cursor реально следуют DESIGN.md, а не игнорируют его частично. getdesign.ai платный после трёх (без аккаунта) или пяти (с бесплатным аккаунтом) скачиваний, дальше от $4,99/мес при годовой оплате, возврата средств нет, поскольку файл выдаётся сразу после оплаты. Остальные 8 сайтов из подборки - обычные галереи вдохновения без приёма, их пользу решает сам читатель. Отдельный призыв автора написать "МОНТАЖ" в комментариях ради "схемы работы ИИ-агентов" ведёт в закрытый контент за словом в комментах, эту схему не видели и не проверяли, в разбор она не вошла.

Больше подобного

Разбираю по находке в день и складываю сюда. Свежее и то, что до сайта не доехало, выходит в канале «Евдокимов как обычно».