Mobile App Design Standards — скилл для Claude Code: UI/UX мобильных

Что делает Mobile App Design Standards

Скилл включается, когда вы просите агента спроектировать мобильный интерфейс, проверить существующий экран или разобрать навигацию. Внутри — свод правил по платформам: для iOS это Human Interface Guidelines, для Android — Material Design, отдельно разобрана кросс-платформенная разработка на React Native с React Navigation и Platform API.

Есть конкретные числа, на которые агент опирается при проверке: минимальная тач-зона 44 × 44 pt на iOS и 48 × 48 dp на Android, основной текст от 16sp/pt, контраст обычного текста не ниже 4.5:1, крупного — 3:1. Разделы про доступность описывают подписи для скринридеров (accessibilityLabel, contentDescription), порядок фокуса и снижение когнитивной нагрузки. Производительность разобрана через скелетоны, отклик на касание в пределах 100ms и виртуализацию списков в React Native.

Отдельный блок — архитектура компонентов: контейнеры и презентационные компоненты, атомарный дизайн от атомов до страниц. Есть чек-лист консистентности дизайн-системы. Скилл не заменяет макеты и не проверяет ваш код сам по себе — он даёт агенту рамку, в которую тот укладывает свои предложения, поэтому формулируйте задачу конкретно: «проверь этот экран» работает хуже, чем «проверь тач-зоны и контраст на экране оформления заказа».

Установка идёт через npx skills add с указанием агента, файл скилла кладётся в каталог скиллов выбранной платформы.