Гайд
Скиллы для frontend: чтобы интерфейс не выглядел сырым
Frontend легче всего испортить незаметно: текст съехал, кнопка прыгает, мобильная версия сломалась, форма не дает понятную ошибку. Скиллы нужны, чтобы агент проверял это до ответа.
Что брать для интерфейса
Хороший UI-пак: frontend-design, component-audit, accessibility-pass, form-validation-qa, mobile-ui-qa и webapp-testing.
Он заставляет агента смотреть на существующий стиль проекта, не плодить лишние блоки, проверять размеры текста, состояния кнопок и реальные экраны.
Что проверять
Минимум: десктоп, мобильный экран, длинные слова, пустые состояния, ошибки форм, hover/focus, консоль браузера и кликабельность основных действий.
Если сайт продает продукт или ведет в Telegram-бота, CTA должны быть видны без лишнего скролла и не спорить с каталогом.
Как не делать лишнее
Не надо добавлять декоративные секции ради объема. Для каталога важнее быстрый доступ к скиллам, понятные фильтры и компактные карточки.