«Создай карточку как в нашей системе» без MCP — агент смотрит на кодовую базу и угадывает. Находит чтото похожее на карточку, адаптирует. Результат близкий но не тот: другой borderradius, другая структура пропсов, другое имя которое теперь нужно искать и исправлять.
В мае 2026 в реальном job posting Senior Product Designer появилось требование которого год назад не существовало: «Создавать и поддерживать документацию системы читаемую дизайнерами, инженерами и LLM вроде Claude».
Storybook создавался для разработчиков — среда для изолированной разработки компонентов без запуска всего приложения. Дизайнеры которые начали его использовать говорят одно: «не понимаю как работал без него».
Объяснил AI что кнопки называются Button/Primary, акцент E94560, шрифт Bricolage Grotesque. В этой сессии всё правильно. Закрыл чат. Открыл новый — снова Inter, снова синяя кнопка, снова shadcn по умолчанию.
Есть два способа добавить тёмную тему. Первый: открываешь каждый компонент, меняешь цвета вручную, смотришь как половина рассыпается, переделываешь три дня, всё равно чтото пропускаешь. Второй: создаёшь Dark Mode в Figma Variables, задаёшь тёмные значения, переключаешь — всё обновляется за секунду. Один день вместо трёх.
В проекте без системы каждый новый экран начинается с нуля. Дизайнер рисует кнопку — не ту же что на прошлом экране, похожую. Чуть другой padding. Чуть другой шрифт. Через год в продукте 40 вариантов кнопки где по логике должно быть 4.
В команде три разработчика делают три разных раздела продукта. У каждого в голове «основной синий цвет бренда» — но у каждого своё понимание какой именно синий. Первый пишет 1A1A2E. Второй 1B1B30. Третий берёт пипеткой из Figma но промахивается на пиксель — получается 1A1C2E.
Возьми любой продукт которому больше года и открой три разных экрана. Найди кнопку «Сохранить» на каждом. Скорее всего увидишь три слегка разные кнопки: padding чуть отличается, borderradius немного другой, шрифт другого размера. Никто специально этого не делал. Просто первый разработчик не нашёл нужный компонент и написал свой. Второй детачнул библиотечный чтобы быстрее. Третий скопировал с другого экрана но случ...
Попросите любой LLM сделать лендинг без дополнительных инструкций. Получите: Inter, белый фон, фиолетовый градиент в герое, четыре карточки в сетке, едва заметный hover. Anthropic называет это «distributional convergence» — модели воспроизводят статистический центр дизайн-решений из обучающих данных. Центр — это усреднённое. Усреднённое — это никакое. Skill-файлы это лечат. Но важнее другое: они превращают дизайн-суждение — то, что живёт в голове опытного дизайнера — в переиспользуемый артефакт, который можно передать агенту, команде, следующему проекту.
