Словами самого skill
design-critique выполняет совместный обзор дизайна для любого, у кого есть URL Figma, скриншот или письменное описание, на любом этапе — от исследования до финальной доработки. Работа строится по фреймворку из пяти частей: первое впечатление, удобство использования, визуальная иерархия, консистентность и доступность. Правила обратной связи не дают агенту ограничиваться размытыми замечаниями: назвать конкурирующий элемент, объяснить причину исходя из принципов дизайна или потребностей пользователя, предложить альтернативу и отметить, что работает хорошо.
Результат — критика в формате markdown с общим впечатлением, таблицей проблем удобства использования с уровнями серьёзности (Critical, Moderate, Minor), таблицей консистентности, заметками по доступности, списком «Что работает хорошо» и тремя приоритетными рекомендациями. При наличии инструмента дизайна или коннектора обратной связи от пользователей проверяются компоненты и tokens или сопоставляются данные с тикетами поддержки.
Что он выдаёт
- Таблица удобства использования со списком находок, уровнем серьёзности и рекомендуемым исправлением для каждой.
- Таблица соответствия типографики, отступов и цветов дизайн-системе с указанием отклонений.
- Заключительный список приоритетных рекомендаций, ранжированных по степени влияния.
Как это работает
- 01Разместите дизайн перед собой
URL Figma извлекается из Figma, и указанный файл считывается; если ни того, ни другого нет, агент просит пользователя описать дизайн или поделиться им.
- 02Начните с впечатления за две секунды
Прежде чем переходить к анализу, фиксируется то, что первым привлекает взгляд, правильно ли это, какая возникает эмоциональная реакция и понятна ли цель сразу.
- 03Пройдите пять измерений по порядку
Юзабилити, визуальная иерархия, консистентность и доступность — для каждого свой набор вопросов: от порядка чтения и отступов до коэффициентов контраста и размеров области нажатия.
- 04Формулируйте замечания по заявленным правилам стиля
Замечания должны быть конкретными, обоснованными, сопровождаться предложенной альтернативой и уравновешены указанием на то, что уже работает хорошо.
- 05Заполните шаблон вывода в Markdown
Фиксированная структура: общее впечатление, таблица юзабилити с уровнями серьёзности, заметки по иерархии, таблица консистентности, доступность, что работает хорошо, и ранжированные приоритетные рекомендации.