mobile-native
Make Web Apps Feel Native on Mobile
Mobile web applications often feel awkward because browser defaults conflict with touch interaction and changing viewports. This skill applies focused CSS and metadata fixes for a more native mobile experience.
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "mobile-native" from https://skillstore.io/skills/emilkowalski-mobile-native.md and its manifest at https://skillstore.io/api/skills/emilkowalski-mobile-native/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「mobile-native」を使用しています。 The bottom action bar disappears behind mobile browser controls.
期待される結果:
The app shell now follows the visible viewport, keeping the action bar above browser controls. Confirm the result on physical iOS and Android devices.
「mobile-native」を使用しています。 Carousel swipes move the page vertically and button labels become selected.
期待される結果:
The carousel now reserves horizontal gestures while preserving page scrolling. Selection is disabled only on controls, leaving page content selectable.
「mobile-native」を使用しています。 The installed PWA ignores the notch and shows mismatched browser chrome.
期待される結果:
Viewport coverage, safe-area padding, and separate light and dark theme colors were added. Installed-mode behavior still requires device verification.
セキュリティ監査
安全The 79 external-command findings are false positives caused by Markdown backticks around CSS, HTML, and browser terms. Four reconnaissance findings are also prose-only false positives. Binding a development server to 0.0.0.0 is confirmed because it can expose the server on every network interface.
機能レビュー項目 (1)
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
リスク要因
⚙️ 外部コマンド (50)
🌐 ネットワークアクセス (1)
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/emilkowalski-mobile-native/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/emilkowalski-mobile-native?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/emilkowalski-mobile-native?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emilkowalski-mobile-native/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/emilkowalski-mobile-native.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学術引用 (APA · BibTeX · CFF)
APA形式の引用
emilkowalski. (2026). mobile-native security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-mobile-native/audits/1BibTeX形式の引用
@techreport{emilkowalski-emilkowalski-mobile-native-2026,
author = {emilkowalski},
title = {mobile-native security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/emilkowalski-mobile-native/audits/1},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "mobile-native security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "emilkowalski"
date-released: "2026-09-17"
url: "https://skillstore.io/skills/emilkowalski-mobile-native/audits/1"
identifiers:
- type: other
value: "skillstore:emilkowalski-mobile-native:audit:1"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 中作成できるもの
Polish a PWA
Review viewport, safe-area, status bar, and touch behavior before installation testing.
Repair Mobile Interactions
Resolve sticky hover states, slow press feedback, unwanted selection, and gesture conflicts.
Audit Responsive Interfaces
Identify browser-specific issues and separate code fixes from real-device verification tasks.
これらのプロンプトを試す
Review the supplied mobile web page for sticky hover states, tap highlights, input zoom, and viewport height problems. Apply only relevant fixes.
Inspect this full-screen web application. Correct viewport sizing, safe-area padding, overscroll, and bottom controls while preserving accessibility.
Review this carousel and drag surface for touch-action conflicts, scroll chaining, selection, and delayed feedback. Explain each applied change.
Audit the supplied PWA across hover, touch, viewport, keyboard, safe-area, theme, and installed-mode behavior. Implement fixes and list hardware checks.
ベストプラクティス
- Apply each fix only where its documented browser behavior occurs.
- Use capability media queries instead of user-agent or screen-width device detection.
- Test touch, keyboard, landscape, and installed modes on physical devices.
回避
- Do not disable page zoom to prevent input focus zoom.
- Do not apply selection or gesture restrictions to all page content.
- Do not declare mobile behavior fixed using desktop device emulation alone.
よくある質問
Does this skill support React Native?
Can it verify fixes without a physical phone?
Will it disable zoom to stop input focus zoom?
Does it handle notches and home indicators?
Can it improve carousels and drag surfaces?
Does it replace cross-browser testing?
開発者情報
作成者
emilkowalskiライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
8635c3920ba8d40e1936502d4ee29ed93e192fa0
メンテナンスの新しさ
2026/9/18
利用状況
0 ダウンロード · 0 閲覧
ファイル構成
📄 SKILL.md