Дизайн-система расползлась: как поймать расхождения в макетах и PR — в Claude

У команды есть токены, сетка и библиотека компонентов, но в проде отступ 18 вместо 16, серый чуть не тот, а на экране настроек живёт кнопка, которой в библиотеке нет. Ловится это глазами на ревью, выборочно и обычно уже после релиза. Через пару спринтов расхождений столько, что никто не берётся их считать.

Как это делается в Claude

Кейс построен на Cowork, десктопном агенте Anthropic: он работает не с одним чатом, а с папкой на вашем компьютере. В обычном чате так удобно не выйдет, потому что каждый раз пришлось бы заново загружать токены и инвентарь компонентов.

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

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

Здесь работают три вещи. Первая: перечислен список того, что именно проверять, иначе получите вкусовщину. Вторая: просьба поставить оценку серьёзности каждой находке, без неё вы получите ровный список из сорока пунктов и не поймёте, что чинить в этом спринте. Третья: прямой запрет писать про то, что и так в порядке, чтобы отчёт состоял только из работы.

Дальше подключаются коннекторы. GitHub позволяет читать открытые пулл-реквесты, которые трогают интерфейс, и оставлять отчёт комментарием к ревью. Figma даёт брать опубликованную библиотеку как источник правды, а не полагаться на память модели.

Совет

Когда отчёт станет таким, что его не стыдно повесить в пулл-реквест, попросите оформить это навыком: свои пороги серьёзности, свой список разрешённых исключений, соответствие компонентов коду и тон комментариев, на которые ваши разработчики реагируют. После этого проверка запускается одной командой, ставится на расписание и раздаётся команде. Подробнее про механику в статье о навыках Claude.

Где купить Claude

Российской картой подписку Anthropic оплатить не получится, платёж отклоняется на их стороне. У нас в каталоге есть Claude Pro за 2 090 ₽/мес, Max от 11 010 ₽/мес и пополнение API от $20, оплата картой РФ или через СБП.