expo-ui agent skill by expo
Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android. Default to @expo/ui for sheets (BottomSheet), pickers, sliders, toggles, menus, and grouped-form sections — do NOT reach for Reanimated, @gorhom/bottom-sheet, or RN built-in Picker/Switch; use @expo/ui instead. Fall back to RN built-ins only when @expo/ui is missing the component. NOTE: @expo/ui List renders native grouped rows like an iOS Settings screen — it is NOT a virtualized list; use FlatList/FlashList for large datasets. Covers universal components (Host, Column, Row, Button, Text, List, BottomSheet, FieldGroup, Switch, Slider, Picker, Menu), drop-in replacements for RN community libraries, and platform-specific SwiftUI/Jetpack Compose trees. Not for Expo Router navigation, Reanimated, or data fetching.
Source and license
| Publisher | expo |
|---|---|
| Repository | expo/skills |
| License | MIT |
| Snapshot | 2026-10-22 |
| Last repository commit | 2026-10-17 |
| Instruction size | 799 words; 93 lines |
| Bundled files | 7 |
Suede Skill Check: 81/100 · B
Report snapshot · · graded-v2
The rubric totals 100 points; published scores are capped at 99. Security scan: not scanned.
Source revision: 7ddc1f579699. Report version 9b651199fb0e. Badge URLs follow the latest listing; save the report to keep this version.
Download report · Request a fresh review
What to review next
- Structural checks: 48 of 56 points. 8 points for each of the seven graded checks.
- Example request: 0 of 3 points. 3 when the description quotes an example request (3–60 characters in quotation marks).
- Description length: 3 of 5 points. 5 for 150–600 characters; 3 for 100–900; 1 for 50–1,024.
Add declarations and bundled files when they describe the skill’s actual needs. Update the source, then request a fresh review with the changed commit or PR.
| Component | Points earned | Available |
|---|---|---|
| Structural checks | 48 | 56 |
| Description length | 3 | 5 |
| Boundary clause | 4 | 4 |
| Example request | 0 | 3 |
| Instruction depth | 7 | 7 |
| Reference files | 3 | 3 |
| Bundled scripts | 2 | 2 |
| Recent maintenance | 9 | 9 |
| Curated-list citations | 3 | 7 |
| Tool permissions declared | 2 | 2 |
| Compatibility declared | 0 | 2 |
The published score is capped at 99. It measures the published files, documentation and maintenance signals. Security scan: not scanned. This assessment does not include a runtime test or a full installation-dependency review.
Install expo-ui
The skills CLI works with Claude Code, Codex, Cursor and other agents; the other routes copy the folder by hand.
npx skills add https://github.com/expo/skills/tree/main/plugins/expo/skills/expo-uitmp="$(mktemp -d)"
git clone --depth 1 https://github.com/expo/skills.git "$tmp/repo"
mkdir -p .claude/skills
cp -R "$tmp/repo/"plugins/expo/skills/expo-ui .claude/skills/
rm -rf "$tmp"tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/expo/skills.git "$tmp/repo"
mkdir -p .agents/skills
cp -R "$tmp/repo/"plugins/expo/skills/expo-ui .agents/skills/
rm -rf "$tmp"For a user-level install, copy the folder to ~/.claude/skills/ (Claude Code) or ~/.agents/skills/ (Codex). Inside Codex, $skill-installer can also fetch a skill from GitHub. New to skills? Read How to install agent skills in Claude Code, Codex and Cursor.
expo/skills is third-party code. Read SKILL.md and any bundled scripts before you install it.
Two badges for expo-ui
Choose the numeric badge, the letter badge, or both. Each links to this skill’s Suede AI listing; either valid linked badge can qualify for the feature offer.
[](https://suedeai.directory/expo/skills/expo-ui/)
[](https://suedeai.directory/expo/skills/expo-ui/)<a href="https://suedeai.directory/expo/skills/expo-ui/"><img src="https://suedeai.directory/expo/skills/expo-ui/score.svg" alt="Suede Skill Check: 81/100" width="160" height="175"></a>
<a href="https://suedeai.directory/expo/skills/expo-ui/"><img src="https://suedeai.directory/expo/skills/expo-ui/badge.svg" alt="Suede Skill Check: Grade B" width="160" height="175"></a>Suede Certified on the shield refers to this published structural quality check. Security scan: not scanned. Read the methodology.
Limited-time feature offer: Display either quality badge in your repository or skill README, linked to your listing, then request verification. Suede AI checks the rendered README at a recorded commit. Eligible skills scoring 80–99 with a verified badge can receive a featured placement while the offer is open. Request badge verification.
Publishers: read How to get your agent skill found in search and cited by AI assistants.
Compare skills for this task
Browse frontend-design skills or compare scores side by side.