Agent Skills
› expo/skills
expo/skills
GitHub用于端到端评估 Expo 技能,验证触发准确性、生成代码质量及在 iOS/Android 模拟器中的运行时渲染效果。
Install All Skills
npx skills add expo/skills --all -g -y
Skills in Collection (26)
用于端到端评估 Expo 技能,验证触发准确性、生成代码质量及在 iOS/Android 模拟器中的运行时渲染效果。
用户想要评估 Expo 技能
测试技能是否生成了可工作的代码
通过设备截图对技能进行基准测试
验证技能输出是否正确渲染
npx skills add expo/skills --skill expo-skill-eval -g -y
将现有 Expo 原生模块的 Swift 代码从 API 1.0 DSL 迁移至 2.0 宏 API,确保 JS/TS 契约不变。需先验证 SDK 版本并参考映射文档,支持增量混合模式迁移。
Expo 原生模块 Swift 代码升级
从 Expo Modules API 1.0 迁移到 2.0
npx skills add expo/skills --skill expo-migrate-module -g -y
通过 EAS CLI 查询已发布更新的运行状况,包括崩溃率、安装量、唯一用户数及 OTA 与嵌入式用户比例。用于评估发布健康度、监控回滚及 CI 门禁。
评估已发布更新的健康状态或崩溃率
查看各渠道的嵌入式与 OTA 用户分布
检查更新包大小及安装计数
监控发布后的推广效果
npx skills add expo/skills --skill eas-update-insights -g -y
辅助开发者编写和编辑 Expo EAS CI/CD 工作流 YAML 文件,提供语法参考、Schema 验证及生成规范。
用户询问 Expo 或 EAS 环境下的 CI/CD 配置
涉及 .eas/workflows/ 目录的操作
需要帮助构建 EAS 流水线或部署自动化
npx skills add expo/skills --skill eas-workflows -g -y
为Expo应用添加iOS App Clip目标,配置Bundle ID、关联域名及AASA文件,实现轻量级小程序与主应用协同。
用户提及App Clip
需要配置apple-app-site-association
想要通过URL触发轻量级iOS Clip
npx skills add expo/skills --skill expo-app-clip -g -y
指导如何将 React Native 增量集成到现有的原生 iOS 或 Android 项目中,涵盖隔离和集成两种方案的选择与配置。
brownfield
embedding React Native in a native app
AAR/XCFramework
adding Expo to an existing Kotlin/Swift project
npx skills add expo/skills --skill expo-brownfield -g -y
提供 Expo 网络请求、数据获取及调试的规范与示例,涵盖 fetch API、React Query、SWR、缓存策略及离线支持。
实现 API 请求或数据获取
调试网络故障
配置缓存或离线策略
npx skills add expo/skills --skill expo-data-fetching -g -y
用于构建和分发 Expo 开发客户端,支持本地或 TestFlight 发布,以便在真机上测试原生代码变更、自定义模块及插件。
需要测试原生代码变更
使用本地 Expo 模块或第三方原生库
构建自定义 Expo Go 客户端
npx skills add expo/skills --skill expo-dev-client -g -y
指导在Expo应用中集成Web DOM组件,支持在原生平台WebView中运行Web代码。涵盖使用场景、创建规则、DOM属性配置及原生交互,助力渐进式迁移Web应用至原生环境。
需要在React Native中使用Web专属库
将现有Web组件迁移到Expo应用
处理复杂HTML/CSS布局或Canvas
npx skills add expo/skills --skill expo-dom -g -y
提供Expo官方集成示例库的检索与适配指导。支持在现有项目中查找并应用第三方服务(如Stripe、Clerk)的标准配置模式,或从零脚手架生成新项目。
需要在现有Expo应用中集成第三方库或服务
使用npx create-expo --example创建新项目
npx skills add expo/skills --skill expo-examples -g -y
指导使用 Expo Modules API 创建和编写原生模块及视图,涵盖 Swift、Kotlin 和 TypeScript。包括模块定义 DSL、原生视图、共享对象、配置插件、生命周期钩子及自动链接等核心功能,适用于构建或修改 Expo 原生模块。
创建新的 Expo 原生模块或视图
为 Expo 应用添加原生功能如相机或传感器
封装平台 SDK 供 React Native 使用
构建修改原生项目文件的配置插件
npx skills add expo/skills --skill expo-module -g -y
提供Expo原生UI开发指南,涵盖布局、样式、动画及原生控件使用。指导优先使用Expo Go运行,并在需要时进行自定义构建,确保应用符合Apple HIG标准并实现原生体验。
构建Expo应用的UI界面
配置原生样式与动画效果
决定是否需要自定义构建
npx skills add expo/skills --skill expo-native-ui -g -y
提供新 Expo 项目的标准化文件夹结构,基于 Expo Router。用于指导新建项目时的代码组织、路由与组件布局,严禁用于重构已有应用。
创建新的 Expo 项目
为新项目设计目录结构
确定文件在 Expo 项目中的存放位置
npx skills add expo/skills --skill expo-project-structure -g -y
指导 Expo Router 应用的导航与路由实现,涵盖文件路由、动态路径、原生栈、标签页及交互组件的使用规范。
需要配置 Expo Router 路由结构
实现页面跳转或导航逻辑
使用 Link 或 Stack 组件
npx skills add expo/skills --skill expo-router -g -y
指导在 Expo 项目中配置 Tailwind CSS v4、NativeWind v5 和 react-native-css,实现跨 iOS、Android 和 Web 的通用样式支持。
需要在 Expo React Native 项目中集成 Tailwind CSS
配置 NativeWind Metro 和 PostCSS 插件
解决跨平台样式兼容性问题
npx skills add expo/skills --skill expo-tailwind-setup -g -y
提供 Expo SDK 升级指南,涵盖依赖安装、诊断、缓存清理及原生构建处理。本次修复了移除 expo-constants 的误判逻辑,确保与 Expo Router 兼容并修正 peer dependency 检查流程。
需要升级 Expo SDK 版本
解决 Expo 依赖冲突或安装失败
迁移 React Native 原生模块
npx skills add expo/skills --skill expo-upgrade -g -y
指导将现有Web React应用逐步迁移为原生iOS/Android应用的端到端流程,涵盖评估、搭建外壳、逐屏重构及发布。
将网站转换为移动应用
把Next.js/Vite/CRA代码库移植到React Native
询问Web惯用法如何映射到原生
npx skills add expo/skills --skill expo-web-to-native -g -y
指导使用EAS CLI构建和提交Expo应用至iOS App Store、Google Play及TestFlight,涵盖配置管理、版本控制及发布流程。
用户需要构建并发布移动应用到应用商店
用户希望配置EAS构建配置文件eas.json
用户执行版本升级或构建号管理
npx skills add expo/skills --skill eas-app-stores -g -y
指导将Expo Web应用及API路由部署至EAS Hosting,涵盖导出、发布、环境管理及Cloudflare Workers运行时配置。
部署Expo Web应用到生产或预览环境
创建或配置Expo Router API路由
管理EAS Hosting的环境变量和自定义域名
npx skills add expo/skills --skill eas-hosting -g -y
EAS Observe 技能,用于在 Expo 项目中集成性能监控、通过 CLI 查询指标数据、解读启动与导航性能报告,以及开发第三方库的监控集成。
需要在 Expo 项目中添加 EAS Observe 进行性能监控
使用 EAS CLI 查询应用运行指标和事件数据
分析启动速度或导航性能问题并排查原因
为第三方包实现 EAS Observe 集成
npx skills add expo/skills --skill eas-observe -g -y
在Linux、CI或无本地模拟器的环境中,通过EAS云端运行iOS/Android模拟器以测试应用。支持CLI、AI代理及浏览器预览,解决跨平台调试和远程交互需求。
用户需要在非macOS环境(如Linux、CI)运行模拟器
用户请求使用云端或远程模拟器进行测试
AI代理需要操作移动设备进行截图或点击验证
用户缺乏特定iOS版本且需远程测试
npx skills add expo/skills --skill eas-simulator -g -y
专注于React Native/Expo应用的高级动画实现技能。指导在UI线程使用Reanimated构建流畅动画、手势交互及触感反馈,确保在低端设备上性能稳定并遵循移动端最佳实践。
需要为Expo应用添加屏幕过渡或模态框动画
实现复杂的手势拖拽、滑动切换或按压反馈效果
优化现有动画导致的掉帧问题,提升低端设备性能
npx skills add expo/skills --skill expo-animation -g -y
在Expo应用中构建和维护设计系统,管理设计令牌(颜色、间距等)和可复用组件结构。用于标准化样式、创建主题文件或审计设计漂移,确保UI一致性。
创建或组织主题文件和设计令牌
扩展现有样式库以统一风格
审计应用是否存在设计系统漂移
构建应用内组件库
npx skills add expo/skills --skill expo-design-system -g -y
Expo/EAS任务的路由入口与共享规则。用于识别Expo项目,根据用户目标(如导航、UI、构建)路由至具体子技能,并指导通用设置流程。
请求或PRD提及Expo、EAS、Expo Go或expo-*包
package.json包含expo依赖
npx skills add expo/skills --skill expo-overview -g -y
用于向 Expo 提交技能或产品反馈,支持按类别标记问题(如 CLI、文档、AI 失败),并控制匿名遥测数据的开启与状态查询。
用户对 Expo 技能、CLI 或文档提供使用反馈
报告 AI Agent 执行任务失败需作为评估案例提交
用户请求启用、禁用或查看遥测状态
npx skills add expo/skills --skill expo-skill-feedback -g -y
指导在 React Native/Expo 项目中优先使用 @expo/ui 构建原生 UI,提供 SwiftUI/Jetpack Compose 组件用法及 RN 替代方案指引。
需要实现底部弹窗、开关、滑块等原生 UI 组件
询问 Expo UI 库的使用或配置问题
npx skills add expo/skills --skill expo-ui -g -y


