Референсы вместо вкуса: как Inspo MCP показывает агенту настоящие сайты

Разбираю формат «до и после»: как бриф «сделай дорого» превращается в три референса, что изменилось в работе и чего в архиве честно нет.

Один и тот же бриф, одна и та же модель, ни одного дизайн-скилла в сессии. Отличается только одно: на втором прогоне был подключён Inspo MCP. Слева тёмная тема, неон и градиентный мокап, справа тёплая бумага, редакционная типографика и аккуратный мокап продукта. Эта разница на экране и есть продукт.

До: спор о вкусе словами
Бриф звучал так: «сделайте как у Linear, только не так тёмно, и чтобы дорого». Я кивала, уходила в макет, и на второй итерации слышала то же самое слово. Агент без референсов придумывает сам: тёмная тема, градиент, неон, заголовок на два экрана. Ему не хватало не инструмента, а вкуса — негде было посмотреть на сайт, который уже работает.

После: три референса и DESIGN.md
Inspo — MCP-сервер с архивом 832 продакшн-сайтов и 2 320 страниц, снятых на десктопе и на мобильном. Агент по описанию настроения («мягкий пастельный SaaS-герой») вытаскивает конкретные экраны, кропы компонентов и DESIGN.md: палитру с ролями, шрифты, шкалу размеров и отступов, CSS-переменные. Цифры не выдуманы моделью, а сняты с живого DOM.

Ставится одной строкой:
npx -y inspo-mcp install
— он находит Claude Code, Cursor, Codex, VS Code, Windsurf, Zed и Claude Desktop, показывает план и правит конфиги с бэкапом. Второй путь, бесплатный и без авторизации, — подключить адрес https://inspomcp.dev/api/mcp.

Порядок работы у меня теперь такой: сначала агент собирает 3–5 референсов под задачу и выбирает одну макроструктуру, потом вызывается recommend(brief) — мудборд одним запросом, и только после этого макет.

Что изменилось на самом деле
— Спор переехал в числа: «мягкий пастельный» становится 80–160 px между секциями и конкретной шириной колонки.
— Мобильный перестал быть догадкой: на каждую страницу в архиве есть пара снимков — десктоп и мобильный.
— Правка клиента стала дешевле: «сделай как на этом скриншоте» короче и точнее, чем «сделай дорого».

Чего тут нет
— 832 сайта — чужая редакторская выборка.
— Вкус не выдаётся, выдаются измеримые параметры. Копирование чужого визуала остаётся вашим риском.
— Контекст дорожает: один recommend — около 10 KB текста без картинок и примерно 41 KB с миниатюрами, а результаты MCP перечитываются на каждом ходу.
— Настройки под слабые модели: 15 инструментов в режиме full, 9 в lite, а для текстовых моделей есть режим без картинок.

Дальше решает бриф, а не вкус в переписке: референс фиксирует, что именно клиент называет словом «дорого», и это единственное место, где спор заканчивается.

#apet #дизайн #AI #визуал