Один и тот же бриф, одна и та же модель, ни одного дизайн-скилла в сессии. Отличается только одно: на втором прогоне был подключён 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 референсов под задачу и выбирает одну макроструктуру (в архиве 19 названных, от Bento Grid до Specimen), потом вызывается recommend(brief) — мудборд одним запросом, и только после этого макет.
Что изменилось на самом деле
- Спор переехал в числа: «мягкий пастельный» становится 80–160 px между секциями и конкретной шириной колонки. В инструкциях сервера это записано буквально: герой должен влезать в первый экран, а не обрезаться под фолдом.
- Мобильный перестал быть догадкой: на каждую страницу в архиве есть пара снимков — десктоп и мобильный.
- Правка клиента стала дешевле: «сделай как на этом скриншоте» короче и точнее, чем «сделай дорого».
Чего тут нет
- 832 сайта — чужая редакторская выборка. Чего в архиве нет, того агент не подскажет; аккаунты и пейволлы не снимают сознательно.
- Вкус не выдаётся, выдаются измеримые параметры. Копирование чужого визуала остаётся вашим риском.
- Контекст дорожает: один
recommend— около 10 KB текста без картинок и примерно 41 KB с миниатюрами, а результаты MCP перечитываются на каждом ходу. - Настройки под слабые модели: 15 инструментов в режиме full, 9 в lite, а для текстовых моделей есть режим без картинок.
Дальше решает бриф, а не вкус в переписке: референс фиксирует, что именно клиент называет словом «дорого», и это единственное место, где спор заканчивается.