Агент проверит, что компонент доступен с клавиатуры и на узком экране
Компонент с понятными состояниями, клавиатурным управлением и проверкой на узком экране.
Нужна настройка
- CSS
- проверить доступность компонента
frontend-designer: проверить доступность компонента
Агент сверит требования с источниками и спросит разрешение до установки. Staksy ничего не устанавливает и не запускает.
Подробнее об инструменте
Агент проверит, что компонент доступен с клавиатуры и на узком экране
Skill jamesrochabrun сосредоточен на доступных компонентах, responsive CSS и дизайн-токенах. Он дополняет художественный frontend-design практической проверкой формы, фокуса и ошибок. В инструкции перечислены вспомогательные shell-скрипты; их поведение здесь не воспроизводилось, поэтому результатом должна считаться проверка самого компонента, а не факт запуска генератора.
- CSS
- проверить доступность компонента
Клиенты и условия
Версии и подробности
Условия окружения указаны ниже.
По инструкции автора · Версия клиента: не указана
Перед началом
- Skill frontend-designer и исходники компонента; браузер для проверки клавиатуры, фокуса и размеров экрана.
Риски и ограничения
- Примеры JSX и скрипты генерации требуют адаптации к стеку; автоматический audit не подтверждает всю доступность интерфейса.
Как проверить результат
Проверено по первоисточнику 13.10.2026. Предлагаемая проверка: Компонент работает без мыши; фокус виден, ошибка связана с полем, на ширине 320px основные действия доступны.
Получилось? Расскажи другим: твой опыт поможет выбрать решение.
Для ручной установки
3 шагаАгент делает это за тебя. Шаги нужны, если ставишь вручную или проверяешь агента.
Показать порядок действий и версии
Подготовка
Сначала проверьте условия и права в первоисточнике. Шаги ниже описывают ограниченный первый сценарий; внешняя запись, публикация и платный запуск требуют разрешённого вами scope.
1Подготовить ограниченный сценарий
Skill frontend-designer и исходники компонента; браузер для проверки клавиатуры, фокуса и размеров экрана.
Открыть руководство2Применить к одной задаче
Проверь один компонент по frontend-designer: подписи, ошибки, фокус, клавиатуру и узкий экран. Исправь найденные проблемы средствами текущего стека.
Проверь один компонент по frontend-designer: подписи, ошибки, фокус, клавиатуру и узкий экран. Исправь найденные проблемы средствами текущего стека.Открыть руководство
3Проверить результат
Компонент работает без мыши; фокус виден, ошибка связана с полем, на ширине 320px основные действия доступны.
Открыть руководствоПопробовал?
Подробности и источники
Условия использования источника
В корне репозитория при проверке указана MIT; условия отдельного файла могут отличаться. Опубликован собственный обзор и ссылка, исходные файлы не скопированы.
Личная заметка
Хранится на этом устройстве, не публикуется и не синхронизируется.
Публичные комментарии
Текст увидят другие пользователи. Публикация доступна после входа и отдельного подтверждения.
