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