Expo AI 代理技能
编辑页面
Expo 提供的用于构建、部署和调试 Expo 与 React Native 应用的官方 AI 代理技能列表。
For the complete documentation index, see llms.txt. Use this file to discover all available pages.
Expo Skills 是结构化的说明文件,旨在教导 AI 代理如何准确且高效地构建、部署和调试 Expo 与 React Native 应用。它们可与 Claude Code、Cursor、Codex 以及其他 AI 代理协同工作。
安装 Expo Skills
运行以下命令,从插件市场添加并安装 Expo Skills:
- /plugin marketplace add expo/skills- /plugin install expo如果你已经为 Claude Code、Codex 或其他代理安装了 Expo Skills,Cursor 的较新版本会自动导入它们。打开 Settings > Rules, Skills, Subagents,确保已启用 Include third-party Plugins, Skills, and other configs(默认情况下已开启),然后 Expo Skills 就会出现在 Skills 列表中。
如果你还没有安装 Expo Skills,请使用 skills CLI 运行以下命令之一:
- npx skills add expo/skills然后重新打开 Cursor,并验证这些 skills 是否出现在 Settings > Rules, Skills, Subagents > Skills 下。
重要 Cursor 中的 Skills 不会显示在斜杠命令(
/)菜单中。它们通过自动发现机制工作:当你向代理提出与 Expo 相关的问题时,它会自动使用它们。
使用 skills CLI 为任何兼容的代理添加 Expo Skills:
- npx skills add expo/skills可用的 Expo Skills
expo 插件中提供了以下 skills:
| Skill | Description |
|---|---|
add-app-clip | Add an iOS App Clip target to an Expo app. Use when the user mentions App Clip, AASA, apple-app-site-association, appclips, smart app banner, or wants to ship a lightweight iOS Clip invoked from a URL alongside their parent app. |
building-native-ui | Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs. |
eas-update-insights | Check the health of published EAS Updates: crash rates, install/launch counts, unique users, payload size, and the split between embedded and OTA users per channel. Use when the user asks how an update is performing, whether a rollout is healthy, how many users are on the embedded build vs OTA, or wants to gate CI on update health. |
expo-api-routes | Guidelines for creating API routes in Expo Router with EAS Hosting. |
expo-brownfield | Integrate Expo and React Native into an existing native iOS or Android app. Use when the user mentions brownfield, embedding React Native in a native app, AAR/XCFramework, or adding Expo to an existing Kotlin/Swift project. Covers both the isolated approach and the integrated approach. |
expo-cicd-workflows | Helps understand and write EAS workflow YAML files for Expo projects. Use this skill when the user asks about CI/CD or workflows in an Expo or EAS context, mentions .eas/workflows/, or wants help with EAS build pipelines or deployment automation. |
expo-deployment | Deploying Expo apps to iOS App Store, Android Play Store, web hosting, and API routes. |
expo-dev-client | Build and distribute Expo development clients locally or via TestFlight. |
expo-module | Guide for creating and writing Expo native modules and views using the Expo Modules API (Swift, Kotlin, TypeScript). Covers module definition DSL, native views, shared objects, config plugins, lifecycle hooks, autolinking, and type system. Use when building or modifying native modules for Expo. |
expo-observe | Use for anything related to EAS Observe — adding expo-observe to an Expo project (AppMetricsRoot/ObserveRoot HOC, markInteractive, the useObserve hook, and the Expo Router / React Navigation integrations for per-route metrics), querying via the EAS CLI (eas observe:metrics-summary, observe:metrics, observe:routes, observe:events, observe:versions), or interpreting the resulting metrics (cold/warm launch, TTR, TTI, navigation cold/warm TTR, update download, and the TTI frameRate params for triaging slow startups). |
expo-tailwind-setup | Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling. |
expo-ui-jetpack-compose | @expo/ui/jetpack-compose package lets you use Jetpack Compose Views and modifiers in your app. |
expo-ui-swift-ui | @expo/ui/swift-ui package lets you use SwiftUI Views and modifiers in your app. |
native-data-fetching | Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (useLoaderData). |
upgrading-expo | Guidelines for upgrading Expo SDK versions and fixing dependency issues. |
use-dom | Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally. |
示例提示词
安装 Expo Skills 后,可以尝试以下提示词。你的 AI 代理会自动使用合适的 skill:
| 示例提示词 | 使用的 skill |
|---|---|
| 构建一个带有表单和导航的设置页面 | building-native-ui |
| 在我的 Expo 项目中设置 Tailwind CSS | expo-tailwind-setup |
| 使用网页代码在我的原生应用中嵌入一个 recharts 图表 | use-dom |
| 向我的 Expo 应用添加一个 SwiftUI 选择器组件 | expo-ui-swift-ui |
| 在 Jetpack Compose 中使用 Material Design 3 组件 | expo-ui-jetpack-compose |
| 如何将我的 Expo 应用部署到 Apple App Store? | expo-deployment |
| 创建一个在每个 PR 上构建的 CI/CD 工作流 | expo-cicd-workflows |
| 将我的项目升级到最新的 Expo SDK | upgrading-expo |
其他资源
expo/skills GitHub 代码仓库浏览所有可用 Expo Skills 的源代码,或报告问题。
配套的 AI 工具,可让编码代理直接访问 Expo 和 EAS 服务。