Больше пятидесяти экранов я пересобрал в Фигме за один день. Руками, с параллельными задачами, ушёл бы месяц.
Проект был такой: дизайн-система сделана, но продакшн с дизайном давно и сильно разошлись. Нужно было отснять продакшн целиком и собрать экраны заново на существующей системе.
Раньше так не выходило. Агент выдумывал что-то своё, не опирался на то, что уже сделано, и на ходу придумывал правила, которых нет.
Самый частый пример — шрифты. Агент сожжёт миллион токенов на попытки применить шрифт, который в системе есть, а закончит тем, что переделает весь дизайн на Inter. Он видит методы в API. Он в них тыкается. Но он не знает, как с ними работать.
Формулировкой запроса это не чинится. Многие до сих пор верят, что если промпт написан хорошо, то и результат выйдет хороший, а то и дизайн. Нет. Чинится знанием случая и проверкой результата.
Знание копилось само. У агентов есть встроенная ретроспектива: задача закончена, разобрали, что сработало, а что нет, записали. Что-то я говорил напрямую: видишь, что он делает одно и то же долго или второй раз повторяет ту же ошибку, и говоришь ему запомнить. Так набралось 378 записей. Я сам удивился, не думал, что их столько.
Вот как выглядит одна. Не «будь внимателен с компонентами», а: на каждый элемент ровно три разрешённых действия — подставить инстанс, обновить дизайн-систему, сделать новый компонент. Свой фрейм, который выглядит похоже, запрещён. Не подошло ни одно из трёх, остановись и спроси человека.
Из этого и вырос тот день. Экраны собирал не я.
Но отсматривать пришлось всё. Неточности были и будут. Только исправлял их тоже не я: я заставил агента исправить свои ошибки.
Поэтому я выложил это в опенсорс. Когда публикуешь, начинаешь работать над этим больше: для себя можно где-то полениться, где-то забить. Думал, как на этом заработать, и решил не продавать. Мне интереснее развиваться дальше.
Внутри пять скиллов для Claude Code. Один планирует экраны и состояния до того, как что-то нарисовано. Второй читает файл и отчитывается, что есть в дизайн-системе. Третий дизайнит и правит экраны. Четвёртый — те самые записи, он грузится перед любой записью в твой файл. Пятый чинит отвалившиеся переменные.
Забрать: github.com/schudarin/chudarin-figma-skills. Лицензия MIT, инструкция по-русски там же.
Мне нужна обратная связь: что у тебя сломалось и чего в правилах не хватило. И если такие скиллы пишешь ты, напиши мне. Из этого может что-то получиться у всех нас.