mobile-frontend

# mobile-frontend Композитный скилл для качественной **мобильной вёрстки и фронтенда**: от правил (отступы, шрифты, якоря, токены) через сборку к многоуровневой проверке с отладкой каждого элемента — включая меню и навигацию — и финальному аудиту перед сдачей. Это «дирижёр»: он держит единый воркфлоу и перенаправляет узкие задачи соседним скиллам (`frontend-design-taste`, `frontend-perfection`, `/visual-qa`, `/frontend`), а сам владеет мобильными правилами и чек-листом отладки навигации. ## Когда использовать - «сделай мобильную версию», «mobile-first вёрстка», «адаптив под телефон» - «проверь мобилку», «аудит мобильной вёрстки», «mobile QA» - «меню/гамбургер не работает на телефоне», «якоря упираются в шапку» - «доведи мобильный фронт до идеала», «mobile lighthouse 100» ## Не подменяйте этим скиллом - Чистая эстетика/палитра без мобильного контекста → `frontend-design-taste` - Глубокий a11y-аудит (ARIA, контраст, фокус-ловушки, скринридер) → `frontend-a11y` - Глубокий perf-аудит (заголовки, вес бандла, CWV, resource-hints) → `frontend-performance` - E2E/визуальные/контрактные тесты → `frontend-testing` - Быстрый Lighthouse/контраст/токены/OG на десктопе → `frontend-perfection` - Один конкретный баг в меню → см. `references/debug-menu-nav.md`, но воркфлоу всё равно прогоняйте по уровням. --- ## Необходимые мобильные правила (база) Все числа — в `references/tokens.md`. Кратко: 1. **Tap-target ≥ 44×44px** для любой интерактивной цели (кнопка, ссылка-иконка, пункт ...