移动网页原生体验

emilkowalski/skills

诊断并改善触摸、视口与浏览器行为导致的移动网页体验问题。

最近更新于:

查看 GitHub 项目
npx skills add emilkowalski/skills --skill mobile-native
56,965Stars3,336Forks仓库最近推送

安装与使用 Mobile Native Web

  1. 安装 Skill

    在项目中运行上游安装命令,然后依照作者的安装说明和下方使用条件继续。

    npx skills add emilkowalski/skills --skill mobile-native
  2. 向 Agent 提供任务

    提供相关文件、背景与约束。例如:

    检查这个移动网页的触控、视口、安全区域和输入行为,并解释修改。

关于这个 Skill

诊断并改善触摸、视口与浏览器行为导致的移动网页体验问题。

为什么推荐

涵盖移动视口单位、粘滞悬停、输入缩放、安全区域与触摸反馈。

适合用来做什么

  • 改进手机端网页应用,并找出需要真机验证的问题。

适用范围与限制

此项聚焦手机浏览器行为,不是 React Native 原生应用开发;具体修复需要适配项目和浏览器支持范围。

使用前需要了解

  • 需要网页项目与编程 Agent;最终行为应在有代表性的手机上检查。

资料与来源

原始资料见下方链接;文中的上手建议由 SkillHey 编辑整理。