Agent skill · Expo
Expo Native UI skill for Claude Code, Codex and Cursor
Officialname: expo-native-ui★ 3k (repo)pushed 2026-10-24MITSKILL.md on GitHubchecked 2026-11-07
What it does, in the publisher's words
Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, visual effects, gradients, storage, and responsive layout. For routing and navigation, use the expo-router skill; for motion and animation, use the expo-animation skill.
The description field of the SKILL.md. The agent reads only this at startup and decides from it when to load the full skill.
Install Expo Native UI
The skills CLI copies the skill into the folder of each agent you pick (Claude Code, Codex, Cursor, Copilot, Gemini CLI, OpenCode, Windsurf...). Add -g for all projects. Needs Node.js 22.20+. docs
npx skills add expo/skills --skill expo-native-ui
This repo is a plugin marketplace. Inside Claude Code, add it and install the plugin that holds the skill (expo, expo-experiments), or copy only this skill into ~/.claude/skills. docs
/plugin marketplace add expo/skills /plugin install <plugin>@expo-plugins # or only this skill: npx skills add expo/skills --skill expo-native-ui -a claude-code
Download the skill folder, zip it, then Customize > Skills > + > Create skill > Upload a skill. Code execution must be on (Settings > Capabilities). docs
git clone --depth 1 https://github.com/expo/skills.git /tmp/expo-native-ui-src cp -r /tmp/expo-native-ui-src/plugins/expo/skills/expo-native-ui ./expo-native-ui zip -r expo-native-ui.zip expo-native-ui
Codex reads skills from .agents/skills in the repo or ~/.agents/skills. Type $ in Codex to use one. docs
npx skills add expo/skills --skill expo-native-ui -a codex
gh skill (GitHub CLI 2.90+, preview) installs it for Copilot in VS Code, the CLI and the cloud agent. Copilot also reads .github/skills and ~/.copilot/skills. docs
gh skill install expo/skills expo-native-ui
Cursor reads .cursor/skills, .agents/skills and ~/.cursor/skills (and .claude/skills). It does not install loose skills from a GitHub URL, so copy it in. docs
npx skills add expo/skills --skill expo-native-ui -a cursor
Installs from the GitHub repo; --path picks this skill out of the repo. Default scope is user (all projects). docs
gemini skills install https://github.com/expo/skills.git --path plugins/expo/skills/expo-native-ui
OpenCode reads .opencode/skills, ~/.config/opencode/skills and the Claude and .agents folders. docs
npx skills add expo/skills --skill expo-native-ui -a opencode
Windsurf (now Devin Desktop) reads .devin/skills, .windsurf/skills and ~/.codeium/windsurf/skills. docs
npx skills add expo/skills --skill expo-native-ui -a windsurf
Works with
Claude Code, Claude.ai and Claude Desktop, Codex, GitHub Copilot, Cursor, Gemini CLI, OpenCode, Windsurf and other agents that read the open Agent Skills format.
What's in the SKILL.md
- References
- Running the App
- When Custom Builds Are Required
- When Expo Go Works
- Code Style
- Library Preferences
- Responsiveness
- Behavior
- General Styling Rules
- Colors
- Text Styling
- Shadows
- Submitting Feedback
Bundled files
- agents/openai.yaml
- references/controls.md
- references/gradients.md
- references/icons.md
- references/media.md
- references/storage.md
- references/visual-effects.md
- references/webgpu-three.md
Loaded only when the instructions point to them.
Facts
- Skill name
- expo-native-ui
- Publisher
- Expo (official)
- Repo
- expo/skills
- License
- MIT
- SKILL.md size
- 1,483 words, 195 lines
- Bundled files
- 8, 7 docs
- Repo stars
- 3k (as of 2026-10-24)
- SKILL.md checked
- 2026-11-07
Pairs with the Expo MCP server: the server gives the agent the tools, the skill teaches it how to use them.
More skills from expo/skills
- EAS App Store Submission: Builds and submits iOS and Android apps to TestFlight, App Store and Google Play with EAS.
- EAS Update: Sets up and ships over-the-air JavaScript updates to Expo apps with channels and rollouts.
- Expo Router: File-based navigation in Expo: stacks, tabs, modals, dynamic routes and headers.
- Expo SDK Upgrade: Upgrades an Expo project to a newer SDK and fixes dependency conflicts.
Related mobile skills
- React Native Best Practices (Vercel) · Vercel
- React Native Performance (Callstack) · Callstack
- Upgrading React Native · Callstack
FAQ
What does the expo-native-ui skill do?+
Builds native-feeling Expo screens following Apple's interface guidelines and native controls. In its own SKILL.md, Expo describes it as: "Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, visual effects, gradients, storage, and responsive layout. For routing and navigation, use the expo-router skill; for motion and animation, use the expo-animation skill."
How do I install the expo-native-ui skill?+
Run npx skills add expo/skills --skill expo-native-ui and pick your agents, or use the tab for your agent above. In Claude Code the skill ends up in ~/.claude/skills/expo-native-ui/SKILL.md; in Codex and Cursor in .agents/skills/expo-native-ui/.
Does Expo Native UI work in Codex, Cursor and Copilot, or only Claude?+
It's a standard SKILL.md, so any agent that reads the Agent Skills format can use it: Claude Code, the Claude apps, Codex, GitHub Copilot, Cursor, Gemini CLI, OpenCode, Windsurf and more.
Who maintains Expo Native UI?+
Expo, the company or project behind it, in the expo/skills repo on GitHub, last pushed 2026-10-24. License: MIT.
Read a skill's SKILL.md and scripts before you install it: skills aren't verified by any agent vendor. Claude skills marketplace · How to install skills · MCP servers