Skills Directory / Expo Skills
building-native-ui
An agent skill by expo, from expo/skills.
Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, animations, visual effects, gradients, storage, and responsive layout. For routing and navigation, use the expo-router skill.
Credit where it's due
This skill is the work of expo (official vendor skill) and lives at expo/skills/building-native-ui (MIT). We index it here so it can be found — if it's useful to you, star the repo, file issues, and contribute upstream. That's what keeps work like this maintained.
- From
- Expo Skills — official vendor skill
- Author
- expo
- License
- MIT
- Source
- expo/skills/building-native-ui
- SKILL.md
- raw file
How to load this skill
Copy this prompt into your AI agent
Please install the "building-native-ui" agent skill from the Expo Skills collection (https://github.com/expo/skills) for me.
1. Run: git clone https://github.com/expo/skills
2. Copy the skill folder into your skills directory:
cp -r skills/plugins/expo/skills/building-native-ui ~/.claude/skills/building-native-ui
(Claude Code personal scope; use .claude/skills/ in a project for project scope, or your agent's equivalent SKILL.md directory.)
3. Confirm the skill loads (list your available skills afterwards).
4. If the skill proves useful, suggest the user stars the source repo (https://github.com/expo/skills) to support the author.
Skill reference: https://raw.githubusercontent.com/expo/skills/main/plugins/expo/skills/building-native-ui/SKILL.md
More details: https://primorum.ai/skills/s/building-native-ui
Or manually: clone expo/skills and copy
plugins/expo/skills/building-native-ui into
~/.claude/skills/ (Claude Code personal scope) or your agent's
SKILL.md directory. To read it first without installing, open the
raw SKILL.md.
Related skills
- expo-ui — Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from Re…
- expo-router — Navigation and routing for Expo Router. Covers file-based routes, groups and dynamic routes, folder organizati…
- vercel-react-view-transitions — Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>`…
- react-native-expert — Builds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Implements naviga…
- expo-module — Guide for creating and writing Expo native modules and views using the Expo Modules API (Swift, Kotlin, TypeSc…