AI代理的博览技能
Expo 提供的一份官方 AI 代理技能清单,用于构建、部署和调试 Expo 和 React Native 应用。
Expo Skills 是结构化的指导文件,用于教 AI 代理如何准确高效地构建、部署和调试 Expo 和 React Native 应用。它们可以与 Claude Code、Cursor、Codex 以及其他 AI 代理一起使用。
🌐 Expo Skills are structured instruction files that teach AI agents how to build, deploy, and debug Expo and React Native apps accurately and efficiently. They work with Claude Code, Cursor, Codex, and other AI agents.
安装 Expo 技能
🌐 Install Expo Skills
运行以下命令以从插件市场添加和安装 Expo Skills:
🌐 Run the following commands to add and install Expo Skills from the plugin marketplace:
- /plugin marketplace add expo/skills- /plugin install expo在你的 Cursor 应用中按照以下步骤添加 Expo Skills 作为远程规则:
🌐 Follow the steps below in your Cursor app to add Expo Skills as a remote rule:
- 打开 设置 > 规则与命令 > 项目规则 > 添加规则,然后选择 远程规则。
- 输入远程规则的以下 URL,然后点击 添加。
https://github.com/expo/skills.git
重要 注意: Cursor 中的技能不会显示在斜杠命令(
/)菜单中。它们在你向代理提问与 Expo 相关的问题时通过自动发现起作用。
使用 skills CLI 向任何兼容的代理添加 Expo 技能:
🌐 Use the skills CLI to add Expo Skills to any compatible agent:
- npx skills add expo/skills可用的Expo技能
🌐 Available Expo Skills
以下技能可在 expo 插件中使用:
🌐 The following skills are available in the expo plugin:
| Skill | Description |
|---|---|
building-native-ui | Use for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs. |
native-data-fetching | Use to implement or debug a network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders. |
expo-api-routes | Use to create API routes in Expo Router with EAS Hosting. |
expo-dev-client | Use to build and distribute development clients locally or via TestFlight. |
expo-tailwind-setup | Use to set up Tailwind CSS with react-native-css and NativeWind for universal styling. |
use-dom | Use Expo DOM components to run web code in a webview on native or web. |
expo-ui-jetpack-compose | Use for Jetpack Compose Views and modifiers in Expo apps. |
expo-ui-swift-ui | Use for SwiftUI Views and modifiers in Expo apps. |
expo-deployment | Use to deploy to Google Play Store, Apple App Store, web hosting, and API routes via EAS. |
expo-cicd-workflows | Use to create EAS Workflows YAML files for CI/CD automation. |
upgrading-expo | Use to upgrade Expo SDK versions, fix dependency issues, or handle breaking changes. |
示例提示
🌐 Example prompts
在安装 Expo Skills 后尝试以下提示。你的 AI 代理将自动使用相应的技能:
🌐 Try the following prompts after installing Expo Skills. Your AI agent will automatically use the appropriate 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 |
其他资源
🌐 Additional resources
expo/skills GitHub 仓库Browse the source for all available Expo Skills, or report issues.
提供给编码代理直接访问 Expo 和 EAS 服务的伴侣 AI 工具。