Mobile Native Web

emilkowalski/skills

Diagnose and improve touch, viewport and browser behaviors that make mobile web interfaces feel awkward.

Материал обновлён:

В коллекцииEmil Kowalski Design Skills ↗
Открыть на GitHub
npx skills add emilkowalski/skills --skill mobile-native
56 965Звёзды3 336ФоркиПоследний push репозитория

Install and use Mobile Native Web

  1. Install the Skill

    Run the upstream command in your project, then follow the author’s setup guide and any requirements below.

    npx skills add emilkowalski/skills --skill mobile-native
  2. Give your agent a task

    Provide the relevant files, context and constraints. For example:

    Review this mobile web screen for touch, viewport, safe-area and input behavior; explain the changes.

Об этом Skill

Diagnose and improve touch, viewport and browser behaviors that make mobile web interfaces feel awkward.

Почему мы его выбрали

Covers mobile viewport units, sticky hover, input zoom, safe areas and touch feedback.

Для каких задач подходит

  • Refine a web app for phones and identify issues needing real-device checks.

Scope and limitations

This targets browser behavior on mobile devices rather than native React Native app development. Some fixes require adaptation to the project and its support matrix.

Перед использованием

  • A web project and a coding agent; final behavior should be checked on representative phones.

Источники и материалы

Ссылки на оригинальные материалы приведены ниже. Практические идеи предложены редакцией SkillHey.