如何快速安装Expo Skills:skills CLI与Claude Code/Codex插件完整教程
【免费下载链接】skillsA collection of AI agent skills for working with Expo projects and Expo Application Services项目地址: https://gitcode.com/gh_mirrors/skills9/skills
Expo Skills 是 Expo 官方团队出品的 AI agent 技能集,让 Claude Code、Codex、Cursor 等 AI 编程助手获得构建、部署、升级和调试 Expo 应用的专业能力。本文完整讲解Expo Skills 安装的三条路径:用 skills CLI 一条命令安装全部技能,或为 Claude Code、Codex 安装官方插件,并附验证方法与技能清单。
两种安装路径,一张表看懂怎么选
Expo Skills 提供了两种安装方式,核心区别在于更新机制:插件由官方插件市场统一维护更新,skills CLI 则适合插件市场覆盖不到的其他 AI 编程工具。
| 路径 | 适合人群 |
|---|---|
| 插件安装 | Claude Code 或 Codex,更新由官方插件市场处理 |
| skills CLI | Cursor、OpenCode、GitHub Copilot、Windsurf、Gemini、Cline 等其他 AI 编程 agent |
一句话决策:用 Claude Code / Codex → 装插件;用其他工具 → 用 skills CLI。
方法一:skills CLI 一键安装 Expo Skills
如果你使用的是 Cursor、Copilot、Windsurf 等工具,在项目根目录执行以下命令即可安装全部 Expo 技能:
npx skills@latest add expo/skills --skill '*'这条命令会选出所有 Expo 技能,但不会自动选定所有 agent——CLI 会交互式询问你安装到哪个 agent。想直接指定,可以加参数:
npx skills@latest add expo/skills --skill '*' --agent <agent>💡 小贴士:安装完成后,请重启或刷新 agent 会话,让它发现新安装的SKILL.md文件,技能才会在对话中生效。
方法二:Claude Code 插件安装步骤
Claude Code 用户建议走插件路线,这样技能更新会由官方插件市场自动处理。在终端执行:
claude plugin install expo@claude-plugins-official也可以直接打开 Claude Code,在输入框内运行/plugin install expo@claude-plugins-official。
额外福利:expo插件自带了 Expo MCP 服务器配置(见 plugins/expo/mcp.json),安装插件后 AI 还能实时读取 Expo 文档、安装依赖、触发并监控 EAS 构建,无需再单独配置。
方法三:Codex 插件安装方法
Codex 用户从 OpenAI 官方精选市场安装:
codex plugin add expo@openai-curated或在 Codex 内打开/plugins面板,从 OpenAI-curated 市场找到expo并安装,效果相同。
安装后 30 秒验证:直接问 agent 试试
安装完成后,无需任何配置,直接给 agent 提 Expo 相关问题即可验证技能是否生效,例如:
- "用 Expo Router 做一个带 tabs、模态框和动画的原生感屏幕"
- "帮我创建一个在 Pull Request 上自动构建预览的 EAS workflow"
- "帮我把这个应用升级到最新 Expo SDK"
- "检查一下这次 EAS Update 灰度发布是否健康"
agent 会根据任务上下文和每个技能的描述,自动挑选最合适的技能来回答。
内置 25 个 Expo 技能:你装下了什么
技能按免费开源框架与付费服务两组划分(边界清晰,付费技能会在使用说明开头注明成本与套餐限制),完整清单见 skills.sh.json:
框架技能(开源免费,共 17 个)
| 技能 | 用途 |
|---|---|
expo-overview | 入口技能:路由与通用配置规则,请求不明确时先加载它 |
expo-project-structure | 新项目的推荐目录结构 |
expo-router | 导航与路由:文件路由、堆栈、模态、表单页、原生 Tab |
expo-animation | Reanimated 动画与手势 |
expo-native-ui/expo-design-system/expo-ui | 原生风格 UI、设计系统、@expo/ui组件 |
expo-data-fetching/expo-dom/expo-web-to-native | 数据请求、DOM 组件、Web 应用迁移到原生 |
expo-module/expo-brownfield/expo-app-clip | 原生模块、棕地集成、iOS App Clip |
expo-upgrade/expo-dev-client/expo-examples | SDK 升级、开发客户端、示例仓库 |
以 expo-router 技能 为例,每个技能都配有按需加载的参考文档(如路由规范、原生 Tab 迁移),agent 只在需要时才读取,保持上下文精简。
服务技能(EAS 付费,共 7 个)
eas-app-stores(应用商店提交)、eas-hosting(网站与 API 路由部署)、eas-workflows(CI/CD)、eas-observe(性能监控)、eas-update(OTA 更新)、eas-update-insights(更新健康度)、eas-simulator(云端模拟器)。
实验性技能
expo-migrate-module针对尚未定型的 Expo API,独立发布在expo-experiments插件中(需与expo插件一起安装),详见 plugins/expo-experiments/README.md。
如何更新 Expo Skills 与常见问题
插件安装(Claude Code / Codex):更新由各自官方插件市场自动完成,无需手动操作。
skills CLI 安装:执行以下命令更新全部或单个技能:
npx skills@latest update npx skills@latest update expo-routerFAQ
- 应该装技能还是插件?Claude Code / Codex 用插件(自动更新);其他 agent 用 skills CLI。
- 权威依据是什么?Expo 官方文档、Expo CLI 与 EAS CLI 始终是唯一事实来源,技能只是教 agent 如何正确应用它们。
- 遥测会上传我的代码吗?自动使用遥测默认关闭;开启后仅上报技能名、平台和随机安装 ID 的哈希,绝不包含代码、提示词或文件路径。可用
EXPO_SKILLS_TELEMETRY=0或DO_NOT_TRACK=1确保关闭。
📁延伸阅读:完整说明见 README.md;插件内容与适用场景见 plugins/expo/README.md;项目结构配置见 skills.sh.json。安装完成后,你的 AI 助手就拥有了 Expo 团队的实战经验,从路由、动画到商店提交都能直接上手。
【免费下载链接】skillsA collection of AI agent skills for working with Expo projects and Expo Application Services项目地址: https://gitcode.com/gh_mirrors/skills9/skills
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考