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フォークリポジトリの最終プッシュ

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.

このスキルについて

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 による編集上の提案です。