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.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「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