Expo Skills × Expo MCP Server:如何让AI实时读文档、触发EAS构建并截图应用
【免费下载链接】skillsA collection of AI agent skills for working with Expo projects and Expo Application Services项目地址: https://gitcode.com/GitHub_Trending/skills9/skills
Expo Skills是 Expo 官方出品的 AI 代理技能集合,配合Expo MCP Server使用,可以让 AI 编码助手实时读取最新 Expo 文档、自动安装兼容依赖、触发并监控 EAS 构建与 CI/CD 工作流,甚至驱动云端模拟器给你的应用截图。这篇指南带你用 3 步搭好这套"AI + Expo"工作流,告别手写命令查文档。
📚 为什么"技能 + MCP"才是正确打开方式
单独用 AI 写 Expo 代码,模型只能靠"记忆"回答,而 Expo SDK 更新很快,过时的知识就是过时的代码。这套组合拳的分工非常清晰:
| 组件 | 角色 | 解决什么问题 |
|---|---|---|
| Expo Skills | 教 AI"怎么做" | 告诉代理何时用哪个 API、怎么组织 EAS 工作流、iOS/Android 有哪些坑 |
| Expo MCP Server | 给 AI"动手的能力" | 按需读取实时文档、装依赖、跑 EAS 构建、抓崩溃数据、截屏验证 |
简单说:Skills 是大脑,MCP 是双手。官方仓库 README 中也有相同定义——Expo 文档、Expo CLI 和 EAS CLI 永远是事实来源,技能负责让 AI 正确地把它们用起来。
🚀 最快安装步骤:1 条命令搞定
仓库是只读的,先克隆下来:
git clone https://gitcode.com/gh_mirrors/skills9/skills然后按你的 AI 工具选择安装方式:
- Claude Code:
claude plugin install expo@claude-plugins-official - Codex:
codex plugin add expo@openai-curated - Cursor、OpenCode 等其它工具:
npx skills@latest add expo/skills --skill '*'
安装完成后重启 AI 会话即可。插件包内置了 MCP 配置(见 mcp.json),Claude Code 和 Codex 会自动把Expo MCP Server接线,无需额外配置。
🛠️ MCP Server 的 4 个核心能力
装好之后,你可以直接对 AI 说人话,它会自动路由到对应技能:
1️⃣ 实时读取 Expo 官方文档
AI 不再凭记忆回答,而是按需拉取最新文档再作答。比如问"expo-router 现在支持哪种 sheet 写法",它会先查文档再给方案,避免写出已废弃的 API。
2️⃣ 触发 EAS 构建与 CI/CD 工作流
让 AI"为每个 Pull Request 自动构建预览包",它会走 eas-workflows 技能:先拉取最新的 JSON Schema 校验工作流结构,生成.eas/workflows/下的 YAML,再用 EAS CLI 做服务端验证,直到输出 "Workflow configuration YAML is valid"。写 CI 不再靠背语法。
💡 注意:EAS 属于付费服务,工作流任务会消耗计划内的构建/计算时长,触发前先确认账户额度。
3️⃣ 检查 EAS Update 健康度与崩溃数据
一句"帮我看看这次 OTA 灰度发布健康吗",eas-update-insights 技能会让 AI 拉取采用率、崩溃率、载荷大小等指标,相当于给发版加了一道"体检"。
4️⃣ 云端模拟器上运行应用并截图
这是最惊艳的一环:在 eas-simulator 技能指导下,AI 会:
- 在 EAS 云端启动一个 iOS/Android 模拟器会话
- 把你的 App 构建安装上去
- 用
agent-device控制器模拟点击、输入 - 调用
screenshot命令把屏幕捕获成本地 PNG
Linux 服务器、CI 环境、云端沙箱上本无法跑 iOS 模拟器的场景被彻底解锁——AI 可以"亲眼看到"自己的改动有没有生效,而不只是推理代码。
💬 试试这些典型提问
官方 README 推荐的起手式(详见 README.md):
- "构建一个带标签页、模态框和动画的原生感 Expo Router 页面"
- "创建一个在 Pull Request 上构建预览包的 EAS 工作流"
- "帮我把这个 App 升级到最新版 Expo SDK"
- "检查这次 EAS Update 灰度是否健康"
- "让 agent 在我的 App 上走一遍下单流程并截图"
AI 会根据任务上下文和各技能的description自动选择正确的技能,你不需要指定用哪个。
📂 关键文件路径速查
| 资源 | 路径 |
|---|---|
| MCP 服务器配置 | plugins/expo/mcp.json |
| 云端模拟器技能 | plugins/expo/skills/eas-simulator/SKILL.md |
| EAS CI/CD 工作流技能 | plugins/expo/skills/eas-workflows/SKILL.md |
| 工作流 Schema 抓取脚本 | plugins/expo/skills/eas-workflows/scripts/fetch.js |
| 模拟器控制器参考 | plugins/expo/skills/eas-simulator/references/controllers.md |
| 插件总说明 | plugins/expo/README.md |
✅ 新手避坑清单
- 插件 vs 技能 CLI:Claude Code / Codex 用插件(官方市场自动更新);其它工具用 skills CLI,更新用
npx skills@latest update - 区分免费与付费:
expo-*前缀是开源框架技能(免费),eas-*前缀使用付费 EAS 服务,每个付费技能开头都有费用说明 - 遥测默认关闭:自动使用统计默认不发送;需要时让 AI "enable Expo skills telemetry" 即可开启
- 模拟器会话要起名:
simulator:start时务必传--name,方便日后在会话列表里识别
Expo Skills + Expo MCP Server把"查文档 → 写代码 → 构建 → 验证"这条链路全部交给了 AI,你只需要描述目标。装上它,让 AI 替你跑完 Expo 开发的最后一公里。
【免费下载链接】skillsA collection of AI agent skills for working with Expo projects and Expo Application Services项目地址: https://gitcode.com/GitHub_Trending/skills9/skills
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考