Mobile Native

Mobile Native

處理手機網頁的觸控、視窗高度與安全區域細節。

Emil Kowalski · 社群來源 · 網站開發

來源狀態

可用來源

原始名稱: mobile-native

這是第三方 Community Skill；2lus 收錄不代表已完整安全審計或保證安全。

資源類型

Skill

與類似 Skill 有什麼不同？

  • 網頁無障礙

    Mobile Native 著重手機瀏覽器的平台互動；Web Accessibility 著重鍵盤、語意及輔助科技可用性，兩者互補。

  • 前端介面設計

    Mobile Native 處理觸控、viewport 與 safe area；Frontend Design 涵蓋通用版面與前端視覺設計。

來源描述的能力

這些是來源描述的可能操作，不代表 2lus 已授予權限或已測試。

尚未列出能力，請審查原始來源。

這個 Skill 是什麼？

改善行動瀏覽器的操作感，包括捲動、輸入放大、黏住的 hover 與瀏覽器列造成的版面差異。

可以做什麼？何時適合使用？

  • 手機操作有延遲或突兀效果。
  • 底部按鈕被安全區域遮住。
  • 鍵盤開啟或網址列收合使版面跳動。

如何使用

  1. 提供裝置、瀏覽器與可重現操作。
  2. 檢查 viewport、觸控、捲動及輸入樣式。
  3. 保留縮放與鍵盤可用性，逐項在目標裝置驗收。

使用前你需要準備

  • 手機頁面程式碼
  • 目標裝置、瀏覽器與重現步驟

你可以替換：

請替換範例中的檔名與情境，提供範圍、限制及預期產物。

環境與相依需求

  • 手機頁面程式碼
  • 目標裝置、瀏覽器與重現步驟

使用範例與 Prompt

以下是 2lus 撰寫的示範需求；請替換為你有權處理的檔案與專案，不代表已執行或保證結果。

入門

用 Mobile Native 檢查此手機底部導覽的 safe-area padding，說明如何避免遮住最後一列內容。

實務

分析登入頁輸入時放大與 100vh 跳動問題，提出 viewport 與字體調整，保留使用者縮放。

進階

為聊天網頁規劃 iOS Safari 與 Android Chrome 的鍵盤、網址列、overscroll 與 sticky hover 驗收矩陣，逐項連結到相關 CSS 修正。

實用提醒

  • 記錄裝置與瀏覽器版本以利重現。

限制與注意事項

  • 響應式排版與無障礙仍需另外檢查；不能保證所有手機行為一致。

安全注意事項

  • 只處理有權使用的資料；先檢閱第三方指令與相依工具，移除密鑰及個資。2lus 不會執行 Skill。

使用與設定

此條目不提供已確認的通用安裝指令；請依官方文件與 Agent 版本操作。

支援平台

未確認特定 Agent 相容性

來源與授權

來源查核日期（非安全認證）: 2026-09-30

請參考原始來源授權條款

原始來源 ↗ 官方文件 ↗

GitHub 關注趨勢

約 +2100 / 7d

快照日期（UTC）: 2026-09-30

快照來源: weekly-agent-skills-ranking

歷史快照

需求提供的近似 Repository 成長快照，並非 GitHub 官方 Analytics；同 Repository 的 Skill 共用此訊號。

Star 成長代表近期 GitHub 關注度，不代表品質排名。

相關 Skills

使用第三方 Skill 前，請先檢查來源、權限與執行內容。安裝指令只供查看與複製，不會由 2lus 執行。

2lus AI Skills Library 提供 Skill 的整理與使用導覽。第三方 Skill 的內容、授權與可用性以原始來源為準。使用或安裝前，請自行確認其權限與執行內容。

Mobile Native

Refine touch, viewport and safe-area behavior on mobile websites.

Emil Kowalski · Community source · Web Development

Source status

Active source

Original name: mobile-native

This is a third-party community skill. Inclusion by 2lus is not a complete security audit or safety guarantee.

Resource type

Skill

How is this different from similar skills?

  • Web Accessibility

    Mobile Native focuses on mobile browser interaction; Web Accessibility focuses on keyboard, semantics and assistive technology. They complement each other.

  • Frontend Design

    Mobile Native handles touch, viewport and safe areas; Frontend Design covers general layout and frontend visual design.

Documented capabilities

These are operations described upstream, not permissions granted or tested by 2lus.

Capabilities not declared here; review the original source.

What is this skill?

Address mobile browser details such as scrolling, input zoom, stuck hover and shifting browser chrome.

Use cases and when to use it

  • Reduce awkward touch feedback.
  • Keep controls clear of safe areas.
  • Handle keyboard and browser-bar layout shifts.

How to use it

  1. Provide devices, browsers and reproduction steps.
  2. Inspect viewport, touch, scrolling and input styles.
  3. Preserve zoom and keyboard usability, then check target devices.

What you need

  • Mobile page source
  • Target devices, browsers and reproduction steps

You can replace:

Replace example filenames and context; specify scope, constraints and the intended deliverable.

Environment and dependencies

  • Mobile page source
  • Target devices, browsers and reproduction steps

Usage and prompt examples

These example requests were written by 2lus. Substitute files and projects you may use; examples are not executed results or guarantees.

Beginner

Use Mobile Native to review bottom-navigation safe-area padding and prevent the final content row being obscured.

Practical

Analyze login input zoom and 100vh jumps; suggest viewport and font changes while preserving user zoom.

Advanced

Plan iOS Safari and Android Chrome acceptance for a chat app’s keyboard, browser bars, overscroll and stuck hover, mapping each case to CSS changes.

Tips

  • Record device and browser versions.

Limitations

  • Responsive layout and accessibility need separate checks; phone behavior varies.

Security notes

  • Use authorized inputs; review third-party instructions and dependencies, remove secrets and personal data. 2lus does not execute skills.

Usage and setup

No verified universal installation command is provided for this entry. Follow the official documentation for your agent version.

Supported agents

Specific agent compatibility unknown

Sources and license

Source check date (not a safety certification): 2026-09-30

Refer to the original source license terms

Original source ↗ Documentation ↗

GitHub Momentum

Approx. +2100 / 7d

Snapshot date (UTC): 2026-09-30

Snapshot source: weekly-agent-skills-ranking

Historical snapshot

Approximate repository growth supplied by the selection brief, not official GitHub Analytics; skills in the same repository share this signal.

Star growth reflects recent GitHub attention, not a quality ranking.

Related skills

Before using a third-party skill, review its source, permissions and executable content. Commands are for viewing and copying only; 2lus does not execute them.

2lus AI Skills Library provides curated educational guides. Third-party content, licenses and availability are governed by their original sources. Review permissions and executable content before use or installation.