expo-native-ui-expo-skills

1. 基本信息

项目	内容	数据来源
名称	expo-native-ui-expo-skills	—
作者/维护者	Expo 官方团队（`expo/skills` 官方仓库）	GitHub API
来源链接	https://github.com/expo/skills/tree/main/plugins/expo/skills/expo-native-ui	—
许可证	MIT（仓库根 LICENSE 与 SKILL.md 均声明）	GitHub API + SKILL.md
GitHub Stars / Forks	所属仓库 2,406★ / 128 forks（该数字属整个合集仓库，不代表本子技能个体热度；子技能自身证据见第 6 章）	GitHub API
最新版本	SKILL.md 声明 1.1.1；最近一次专属改动提交于 2026-08-04	GitHub API（commits）+ SKILL.md
安装方式	Claude Code / Codex 官方插件市场一条命令，或通用 `skills` CLI	仓库 README

2. 功能介绍与亮点

expo-native-ui 教 Agent 写出观感和交互都像原生 App 的 Expo / React Native 界面，覆盖遵循 Apple Human Interface Guidelines 的一整套样式细节：

八份专题参考文档：动效（Reanimated 的进出场、布局、滚动驱动动画）、原生控件（Switch/Slider/DateTimePicker 等）、渐变、SF Symbols 图标、媒体处理、本地存储、视觉特效（模糊、液态玻璃）、WebGPU/Three.js 3D 图形，按需查阅而非一次性塞进主文档。
平台语义色系统：教 Agent 用 expo-router 提供的 Color API 而非硬编码十六进制值，自动适配系统浅色/深色模式与 Android 12+ 动态取色，替代手工维护双份颜色表。
明确的构建策略指引：先用 Expo Go 验证功能，只有涉及自定义原生模块、Apple 专属能力等场景才提示切到自定义构建，避免开发者一上来就陷入 Xcode/Android Studio 配置。
官方反馈闭环：内建 submit-expo-feedback 命令，供 Agent 在文档过时或有误时向 Expo 团队提交具体反馈。

亮点：技能最近一次实质性改动提交于 2026-08-04，是 expo/skills 仓库里更新频率较高的条目之一；配套的 8 份参考文档覆盖动效、控件、图标、存储等细分主题，深度明显超出一般的单文件风格指南。

3. 适用场景

固定分类：前端与设计。

面向用 Expo / React Native 开发原生质感移动应用的开发者，在需要让界面外观、动效、交互手感贴近系统原生 App（而非“看起来像网页搬过来的”）时，用于生成或审查具体的样式与视效实现细节。

4. 跨 Agent 兼容性

Claude Code：✅ 原生支持——官方插件市场一条命令 /plugin install expo@claude-plugins-official 即可安装含本技能在内的整个 expo 插件。
Codex：✅ 原生支持——官方 openai-curated 插件市场提供 codex plugin add expo@openai-curated，或在 Codex 内 /plugins 面板安装。
OpenClaw：❓ 未验证——官方文档未点名，仅提供通用 skills CLI 安装方式，理论上因遵循标准 SKILL.md 格式而可用，但无官方声明。
Hermes Agent：❓ 未验证——同上。

5. 推荐理由

Expo 官方出品，用八份专题参考文档教 Agent 写出遵循 Apple HIG、观感和交互都贴近原生系统的 Expo/React Native 界面，覆盖动效、原生控件、语义色、视觉特效等此前容易被 Agent 忽略的细节，且维护更新持续到近日，适合任何在做 Expo 原生质感界面开发的团队直接采用。

6. 评分

维度	分数	说明
受欢迎程度	7	所属合集仓库 2,406★ 不代表本子技能个体热度；技能自身在第三方平台暂无具体安装量或评价数据；Expo 为 React Native 生态官方工具厂商，仓库徽章标注 “Official Expo”
可用性	9	三条官方安装路径（Claude Code / Codex 插件市场、通用 `skills` CLI）均一条命令可达；SKILL.md 结构清晰、附 8 份分主题参考文档，2026-08-04 仍有实质性提交；纯开源框架层技能，不依赖任何付费服务
安全性	9	检查清单详见下表

安全检查清单：

① 是否执行 shell 命令及权限范围：技能本身不含可执行脚本，仅提供 Markdown 参考文档；唯一涉及命令行的是可选的 npx submit-expo-feedback 反馈提交命令，且需 Agent/用户主动触发
② 运行时是否联网外发数据：技能内容不自动联网；反馈提交命令联网目标透明（提交给 Expo 官方），且仅在使用者主动触发时执行
③ 是否要求 API key/凭据及其存储方式：不涉及
④ SKILL.md 与附带文档中有无可疑指令：逐份审阅 SKILL.md 与 8 份参考文档，未见混淆内容或 prompt injection 迹象
⑤ 作者/组织信誉：Expo 官方团队，React Native 生态知名工具厂商，仓库徽章标注 “Official Expo”
⑥ License 是否明确：明确，MIT
⑦ 最近维护时间：非常活跃，最近一次专属提交在 2026-08-04

7. 跟同类 Skills 相比的优势

对比对象	定位	与本技能的差异
material-3-skill	面向 Compose/Flutter/Web 生成 Material Design 3 组件、主题或做合规审计	覆盖 Android 阵营的 Material Design 体系，服务多端通用场景；expo-native-ui 专注 Apple HIG 风格与 Expo/React Native 生态的具体实现细节
react-native-paper（14,000+★）	现成的 Material Design 风格 React Native 组件库	提供可直接导入的 JS 组件、以 JS 渲染模拟设计语言外观；expo-native-ui 不提供组件库，而是教 Agent 如何用平台原生 API（语义色、SF Symbols、原生控件）写出真正贴近系统的界面
expo-ui（同仓库姊妹技能）	用 `@expo/ui` 包渲染真正原生的 SwiftUI/Jetpack Compose 组件树	expo-ui 解决“组件树用什么 API 画出来”（渲染层）；expo-native-ui 解决“界面观感和交互怎样才像原生 App”（样式与视效层），两者互补、常配合使用

8. 用户评价

该技能目前在第三方技能目录站（如 skills-hub.ai）已被收录，但尚无具体安装量或具名用户评价。独立第三方技术媒体方面，Simform 工程团队（React Native 方向工程师 Kavin Mehta 撰文）曾专文介绍 expo/skills 这套官方技能体系与 Claude Code 的配合方式，正面评价其“让 Agent 自动匹配到最相关 Expo 技能”的体验，但该文聚焦技能体系整体，未点名评价 expo-native-ui 本身。

9. 其他补充

同仓库内还有 expo-router、expo-ui、expo-data-fetching 等十余个免费开源技能，以及基于付费 EAS 服务的 eas-workflows、eas-app-stores 等技能，二者在 README 中以“Framework（免费）“与”Services（付费）“分组标注，边界清晰。仓库另提供 expo-experiments 插件收录尚未定型的实验性技能。

10. 安装使用方式

方式一：Claude Code 插件市场（推荐）

/plugin install expo@claude-plugins-official

方式二：Codex 插件市场

codex plugin add expo@openai-curated

或在 Codex 内打开 /plugins 面板选择 openai-curated 市场下的 expo。

方式三：通用 skills CLI（Cursor、OpenCode、GitHub Copilot、Windsurf 等）

npx skills add expo/skills --skill expo-native-ui

CLI 会交互式询问安装到哪个 Agent 目录。

安装后无需重启，Agent 会根据 SKILL.md 的 description 字段在涉及原生风格界面、样式与视效的对话中自动匹配加载。

11. 注意事项

内容聚焦 Apple HIG 风格与 iOS 语义色系统，Android 端的对应视觉规范覆盖相对简略。
路由、导航、原生组件渲染等需求需配合同仓库的 expo-router、expo-ui 等其他技能使用，本技能本身不涉及这些能力。
OpenClaw、Hermes Agent 暂无官方兼容性声明，实际可用性以自测为准。