让 AI 写手机应用,先装这套官方技能

本文速览

01  给助手补一份手机开发手册

02  把技能装进待办项目

03  给它一张能检查的待办单

想让 AI 做一个手机待办清单，结果输入框被键盘挡住，勾选按钮又小得难点。你说“适配移动端”，它只换了字号，问题还在。

你可以给编程助手补上 Expo 的官方 Skills：一套面向手机应用的工作说明。拿它做一个小原型，从安装到手机预览走一遍，看看哪些地方还需要改。

Expo 是围绕 React Native 的应用开发框架和工具集。React Native 可以让你用 JavaScript 等技术写移动应用；这里不需要先把整套技术学完，知道自己做的是手机界面，而非网页就够了。

Skill 可以理解成一包给 AI 的工作说明，包含适用场景、操作指引和参考资料。Expo 官方把项目起步、页面导航、原生界面、网络请求等知识整理成了可安装的技能。

比如，页面导航负责从一个页面走到另一个页面；原生界面技能会提供组件、布局等方面的指导。助手遇到相应任务时，可以读取这些说明，少靠模糊印象写代码。

它适合已经用编程助手做过网页、想试试手机应用的人。技能提供的是方法，不是运行环境：电脑还要装开发工具，生成的页面仍然需要你检查。

下面以 Cursor 为例。你需要能正常使用它的 AI 编程功能，并安装 Node.js 的长期支持版，也就是 LTS 版。后面用到的技能安装工具要求 Node.js 至少为 22.20；版本太旧，先升级再继续。

没有项目的话，在电脑终端执行：

这是创建项目和进入项目目录的命令。创建工具可能询问是否安装所需包，确认来源和名称后再继续。生成的模板可能带有示例页面，后面会让助手处理，不必自己到处找文件删。

用 Cursor 打开这个 my-todo 文件夹，再在它的终端里执行：

这条命令从 Expo 官方仓库安装技能到当前项目，指定给 Cursor 使用。没有加全局参数，这次安装只作用于当前项目。

安装前看一眼技能来源和内容。这里装的是官方集合，包含的不只是写界面的技能，还有构建和发布相关说明；本次只做本地练习，不需要启用云构建或商店发布。

安装结束后，用下面的命令检查 Cursor 在这个项目里可用的技能：

列表里能找到技能，说明文件已经安装。接着重新打开 Cursor，在设置的 Rules, Skills, Subagents 中检查 Skills 列表。技能靠任务自动发现，不必去斜杠命令菜单里找。

如果列表为空，确认终端是否在 my-todo 目录，以及安装时是否选对助手。单看聊天窗口回复“我会了”，不算验收。

开始新对话时，把需求缩小到一个页面。你可以直接给助手下面这段任务：

这里特意写了“重启后清空”。练习版暂时不保存数据，省得助手顺手引入数据库。

如果助手建议安装额外依赖，让它说明用途，以及 Expo Go 是否支持。Expo Go 是手机上的预览应用，有固定的原生能力；需要它没有的原生模块时，通常要换开发构建，改几次提示词解决不了。

我会把这一版的目标定在“能顺手记下一件事”，暂时不追求好看的启动动画。输入框还被键盘挡着，动画再流畅也救不了它。

手机安装 Expo Go。使用 iPhone 真机时，还需要让电脑端和 Expo Go 登录同一个 Expo 账号；在电脑项目目录执行下面这条命令，并在手机端登录同一账号：

然后在电脑项目目录启动开发服务：

终端会显示二维码。电脑和手机连接同一个 Wi-Fi 后扫码打开：Android 用 Expo Go 扫码，iPhone 用系统相机。看到模板页也没关系，先确认连接通了，再检查助手改完的页面。

如果同一网络仍然连不上，可以尝试隧道方式：

隧道会经过外部服务，通常比局域网连接慢，不是必须默认打开的选项。若提示项目 SDK 与手机上的 Expo Go 不兼容，按官方兼容说明检查版本；SDK 是项目依赖的一组开发组件，不能把这类错误当成页面代码问题反复重写。

页面打开后，你可以这样验收：

把出错的动作告诉助手，比一句“再优化一下”有用。比如说：“在手机竖屏下弹出键盘后，新增按钮被盖住了。”这句话已经包含了设备状态、触发动作和问题位置。

手机上能新增、勾选和删除待办，这个原型就有了可检查的结果。Expo Go 适合学习和尝试，正式项目可能还需要开发构建；上架则涉及签名、账号和审核，不能把扫码打开当成已经交付。

安装这套技能，也不会附赠编程助手的调用额度。助手服务、云构建或发布环节是否收费，要分别看你使用的服务，别把它们和技能安装混为一谈。

等新增、勾选、删除都顺手，再补本地保存。到时有一个很清楚的新验收目标：关掉应用重新打开，刚才的待办还在。

参考资料

React Native 简介：https://reactnative.dev/

Expo 官方技能仓库：https://github.com/expo/skills

Expo 官方技能安装说明：https://docs.expo.dev/skills/

Expo 项目概览技能：https://github.com/expo/skills/blob/main/plugins/expo/skills/expo-overview/SKILL.md

Skills 安装工具与参数：https://github.com/vercel-labs/skills

Skills 参数参考：https://github.com/vercel-labs/skills/blob/main/docs/commands.md

Expo 创建项目：https://docs.expo.dev/get-started/create-a-project/

Expo 环境与 Expo Go：https://docs.expo.dev/get-started/set-up-your-environment/

Expo 启动与网络连接：https://docs.expo.dev/get-started/start-developing/

Expo Go 的功能边界：https://docs.expo.dev/faq/

信息核验日期：2026 年 10 月 31 日。平台规则、安装方式与兼容要求会变化，请以官方最新说明为准。

我是虾仁Ai技术，热衷于分享 AI 观察与实用干货。如果你觉得今天这篇有收获，欢迎点赞、在看、转发三连，我们下篇见。

虾仁Ai技术