mobile-native.mdПубличный

Mobile Native

Исправление мобильной версии веб-приложения

О скиле

Когда веб-приложение скачет при открытии клавиатуры или прячет кнопку под панелью браузера, скил помогает найти причину в стилях и настройках экрана. Он проверяет касания, прокрутку и отступы вокруг выреза камеры. Фронтендер может убрать скачок масштаба при вводе в поле на iPhone. Дизайнер может проверить, остаётся ли нижняя панель видимой, когда браузер меняет высоту окна. Для работы нужны исходники веб-приложения и реальное устройство для проверки.

Об источнике

Автор скила — Emil Kowalski. Распространяется под лицензией MIT. Открыть репозиторий.

Как установить

  1. Откройте проект мобильного сайта или PWA в терминале с актуальным Node.js LTS.
CLI
npx skills add emilkowalski/skills --skill mobile-native
  1. В новой сессии укажите страницу, телефон, браузер и способ воспроизведения. Попросите агента сначала найти причину в стилях, настройках viewport или обработке касания.

  2. Проверьте исправление на реальном устройстве. Для проблемы с полем ввода отдельно посмотрите поведение клавиатуры и масштаба. Для нижней панели проверьте прокрутку и безопасный отступ у края экрана.

Проверенный SKILL.md

Установка

Не уверены, куда положить .md-файл? как установить скилл в Claude Code — пошаговый гайд.

telegram

Разбираю скилы вроде этого и близкие по теме «Разработка»: где брать, как собирать и применять их на практике.

  • бесплатно
  • то, чем сам пользуюсь
  • новые скилы и разборы каждую неделю
Подписаться в Telegram
// продолжай по той же профессии или категории
// как применять скилы Claude Code на практике
Вся тема «Claude Code: гайды от установки до продвинутой работы»: 76 гайдов
Непонятные термины? Загляни в «Понятия» — словарь ИИ

Частые вопросы

Что такое скил «Mobile Native»?
«Mobile Native» — готовый Agent Skill для Claude Code и Cursor. Это .md-файл с системным промптом, который подключается одним файлом и расширяет возможности AI-редактора в задачах Вайбкодинг. Категория инструмента: Разработка, Тестирование и безопасность. Чаще всего пригождается профессиям: Дизайн и UX/UI, Разработка и программирование, Тестирование и QA. Ключевые темы скила: type:skill, for:claude-code.
Как установить скил «Mobile Native» в Claude Code?
Скачайте .md-файл скила «Mobile Native» на этой странице и положите его в папку ~/.claude/skills/ вашего проекта. Перезапустите Claude Code — скил подхватится автоматически. Для Cursor и Windsurf скопируйте содержимое .md-файла в системный промпт проекта (Settings → Rules). Исходный код скила открыт в репозитории github.com/emilkowalski/skills.
Бесплатен ли скил «Mobile Native»?
Да, скил «Mobile Native» доступен бесплатно для всех пользователей без регистрации — скачайте .md-файл прямо на этой странице. Автор скила — Emil Kowalski, распространяется под лицензией MIT.

Больше вопросов про Agent Skills — общий FAQ маркетплейса