This skill should be used when users need to work with Expo UI (@expo/ui) for integrating SwiftUI components into React Native applications. It provides comprehensive guidance on installation, Host component, SwiftUI primitives, layouts, modifiers, native tabs navigation, and v10 preview features.
SkillScore96Maintained
Automatic
◆Frontend / UI pack
Last verified 8/3/2026
What it changes
Passed 24 of 25 test cases with the skill, and 5 of 25 without it.
Without skill20%
With skill96%
Checks it passed that the model alone missed
Uses DisclosureGroup component.
Uses ContentUnavailableView component.
Sets variant="glass" on the Button component.
and 30 more in the full report
19 fixed5 passed either way1 still failing0 broke
Pass-rate lift
+76 pp
Tokens
+313%
Agent turns
0%
Response time
-46%
Model gemini-3.6-flashMeasured 8/3/2026v124 of 25 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 19 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 19
Prompt
In an Expo Router native tabs layout, I want to completely remove a tab trigger when a feature flag is disabled so users cannot access it. Which prop hides the trigger?
What was checked, without and with the skill
Checked
Without skill
With skill
Passes hidden prop to the NativeTabs.Trigger component.
Missed
Passed
case-19 · gemini-3.6-flash · 8/3/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md1216 lines6 files
Expo UI
Core Functionality
Expo UI brings native SwiftUI components to React Native, providing a 1-to-1 mapping to SwiftUI views for building modern iOS, macOS, and tvOS interfaces. Use Expo UI to leverage SwiftUI's declarative syntax and native performance while maintaining React Native's flexibility.
Available in SDK 54 and above.
When to Use
Use this skill when:
Building native iOS interfaces with SwiftUI components from React Native
Integrating SwiftUI primitives like Button, Form, List, TextField, Picker
Creating layouts with HStack, VStack, and Spacer
Applying SwiftUI modifiers for styling and behavior
Working with glass morphism effects and advanced form controls (v10 preview)
Implementing native tab navigation with Expo Router
Mixing SwiftUI components with React Native views
Platform Support
Supported Platforms:
iOS (primary platform)
macOS
tvOS
Requirements:
SDK 54+
Development builds (not available in Expo Go)
iOS 26+ and Xcode 26+ for glassEffect modifier
Roadmap: Android (Jetpack Compose) and Web (DOM) support planned for future releases.
Version Notice
⚠️ Version Conflict: Official documentation is based on v9 (stable, ~0.2.0-beta.7). Local examples use v10 which may contain breaking changes. Always check TypeScript types for current API signatures.
When using v10 preview features (marked with ⚠️), be aware that APIs may differ from v9 stable documentation.