📦
expo-tailwind-setup
80Configure Tailwind CSS for Expo
Expo teams need consistent styling across native and web targets. This skill gives a focused setup path for Tailwind CSS v4, NativeWind v5, and react-native-css.
Coding & Development View
Skills building-native-ui
📦
building-native-ui
v1.0.0 Content revision r1 Safe ⚙️ External commands🌐 Network access⚡ Contains scripts📁 Filesystem access🔑 Env variables
Build Native Expo App Interfaces
Expo apps often need native-feeling navigation, controls, media, and visual polish. This skill gives Codex and Claude practical patterns for Expo Router UI work.
Supports: Claude Codex Code(CC)
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Agent request
Review the Skillstore skill "building-native-ui" from https://skillstore.io/skills/expo-building-native-ui.md and its manifest at https://skillstore.io/api/skills/expo-building-native-ui/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Agent-readable resources
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Test it
Using "building-native-ui". Create a native-feeling event app layout with tabs and search.
Expected outcome:
- A route plan with native tabs for events and search.
- Stack screen recommendations for event details and modal forms.
- UI guidance for safe areas, selectable text, SF Symbols, and search behavior.
Using "building-native-ui". Improve a camera screen in an Expo app.
Expected outcome:
- A permission-aware camera flow with clear empty states.
- Native-style controls for capture, gallery, flash, and camera switching.
- Recommendations for haptics, safe-area spacing, and media library permission timing.
Using "building-native-ui". Add a lightweight local data layer for preferences and events.
Expected outcome:
- A storage choice matrix for preferences, complex queries, and sensitive values.
- A reactive preference pattern for app settings.
- SQLite guidance for structured event data and parameterized queries.
Security Audit
Safev5 • 7/6/2026 Open versioned report
Static analysis reported command, network, storage, filesystem, environment, and prompt-injection indicators, but review found documentation examples for Expo and React Native development. No prompt injection text, credential exfiltration, automatic command execution, malicious network request, or hidden payload behavior was found.
13
Files scanned
3,329
Lines analyzed
0
Review items
0
False positives ignored
Risk Factors
⚙️ External commands (57)
references/gradients.md:59-61 references/media.md:184-198 references/storage.md:109-121 SKILL.md:30 SKILL.md:32 SKILL.md:38 SKILL.md:40 SKILL.md:41 SKILL.md:43 SKILL.md:49 SKILL.md:60 SKILL.md:67 SKILL.md:69 SKILL.md:77 SKILL.md:78 SKILL.md:79 SKILL.md:80 SKILL.md:81 SKILL.md:82 SKILL.md:83 SKILL.md:84 SKILL.md:89 SKILL.md:90 SKILL.md:92 SKILL.md:97 SKILL.md:98 SKILL.md:99 SKILL.md:100 SKILL.md:112 SKILL.md:116 SKILL.md:118 SKILL.md:123 SKILL.md:124 SKILL.md:128 SKILL.md:130-132 SKILL.md:132-140 SKILL.md:140-142 SKILL.md:142-152 SKILL.md:152-154 SKILL.md:154-158 SKILL.md:158-165 SKILL.md:165-167 SKILL.md:167-173 SKILL.md:173-205 SKILL.md:205-211 SKILL.md:211-220 SKILL.md:220-228 SKILL.md:228-230 SKILL.md:230-238 SKILL.md:238-248 SKILL.md:248-250 SKILL.md:250-256 SKILL.md:256-263 SKILL.md:263-265 SKILL.md:265-283 SKILL.md:283-287 SKILL.md:287-314
🌐 Network access (2)
⚡ Contains scripts (1)
📁 Filesystem access (1)
🔑 Env variables (2)
No confirmed security findings were detected by the latest completed static and semantic audit. This does not prove the skill has no side effects.
Audited by: codex View Audit History →
Share & cite this report
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
Copy report link
https://skillstore.io/skills/expo-building-native-ui/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/expo-building-native-ui?utm_source=security_passport_badge)HTML badge
<a href="https://skillstore.io/skills/expo-building-native-ui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/expo-building-native-ui/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Embed card
<iframe src="https://skillstore.io/embed/skills/expo-building-native-ui.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Academic citations (APA · BibTeX · CFF)
APA citation
expo. (2026). building-native-ui security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/expo-building-native-ui/audits/5BibTeX citation
@techreport{expo-expo-building-native-ui-2026,
author = {expo},
title = {building-native-ui security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/expo-building-native-ui/audits/5},
note = {Author version 1.0.0}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "building-native-ui security audit report (audit version 5)"
version: "1.0.0"
type: report
authors:
- name: "expo"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/expo-building-native-ui/audits/5"
identifiers:
- type: other
value: "skillstore:expo-building-native-ui:audit:5"
description: "Skillstore immutable audit report identifier"
Skillstore Score
Why this score Evidence Confidence: High 45
Architecture
100
Maintainability
87
Content
70
Community
83
Spec Compliance
What You Can Build
Create an Expo Router app shell
Use route, stack, tab, modal, and shared group guidance to structure a mobile app from the first screen.
Upgrade a React Native UI
Replace generic controls with Expo navigation, native tabs, SF Symbols, blur effects, and form sheets.
Prototype media and visual experiences
Use camera, audio, video, animation, gradient, WebGPU, and Three.js references for richer app interactions.
Try These Prompts
Start a native Expo screen
Use the building-native-ui skill to create an Expo Router settings screen. Follow the native controls, safe-area, and styling guidance.
Design tabs and stacks
Use the building-native-ui skill to design an Expo Router layout with native tabs, a search tab, and stack screens for detail pages.
Add motion and media
Use the building-native-ui skill to add Reanimated transitions, camera capture, and media saving to an Expo app with clear permissions.
Audit and refactor app UI
Use the building-native-ui skill to review my Expo Router app and propose changes for routes, tabs, storage, effects, and platform APIs.
Best Practices
- Start with Expo Go, then use custom builds only when native modules or platform targets require them.
- Keep route files in the app directory and move shared components, utilities, and types outside it.
- Use native Expo libraries and platform conventions before adding generic web or legacy React Native APIs.
Avoid
- Do not co-locate components, types, or utilities inside the Expo Router app directory.
- Do not use removed or legacy modules such as React Native AsyncStorage, WebView, Picker, or expo-av.
- Do not store tokens or passwords in localStorage or SQLite when SecureStore is the intended option.
Frequently Asked Questions
Does this skill generate a complete Expo app?
No. It provides guidance and examples that Codex, Claude, or Claude Code can apply inside your project.
Can it help with Expo Router navigation?
Yes. It covers route files, stacks, native tabs, shared groups, modals, search routes, and dynamic segments.
Does it support iOS-specific interface patterns?
Yes. It includes SF Symbols, native tabs, form sheets, blur effects, glass effects, and Apple-style controls.
Can I use it for media features?
Yes. It includes examples for camera access, image picking, audio playback, audio recording, video playback, and saving media.
Does it address data storage?
Yes. It explains localStorage, SQLite, and SecureStore choices for preferences, larger data sets, and sensitive values.
What should I review before production use?
Review permissions, accessibility, platform support, secure storage, app store rules, and dependency compatibility for your Expo SDK.
Developer Details
Author
expoLicense
MIT
Author version
v1.0.0
Skillstore revision
r1
Repository
https://github.com/expo/skills/tree/main/plugins/expo-app-design/skills/building-native-ui/Ref
a06681402992ceae98ba04d54cfd4ab004862696
Maintenance freshness
7/18/2026
Usage
5 downloads · 221 views
More from expo
View all📦
native-data-fetching
80Build Expo Networking Flows
Mobile apps need reliable API requests, caching, token handling, and offline behavior. This skill guides Expo developers through fetch, React Query, SecureStore, NetInfo, and environment-based configuration.
Coding & Development View
📦
expo-dev-client
80Build Expo Dev Clients for Native Testing
Expo teams need reliable development clients when native code goes beyond Expo Go. This skill guides EAS build setup, TestFlight delivery, local builds, installation, and basic troubleshooting.
Coding & Development View
📦
expo-api-routes
80Build Expo API Routes
Expo Router API routes can be confusing when secrets, deployment, and runtime limits are involved. This skill gives practical patterns for building, testing, and deploying routes on EAS Hosting.
Coding & Development View
📦
use-dom
80Build Expo DOM Components
Expo teams often need web libraries inside native apps without rewriting them. This skill guides Claude, Codex, and Claude Code through safe DOM component patterns.
Coding & Development View
📦
expo-deployment
78Deploy Expo Apps with EAS
Expo releases require platform-specific build, credential, and store submission steps. This skill guides EAS builds, submissions, metadata, workflows, and rollout planning.
DevOps & Infrastructure View
Related Skills
View all📦
vercel-react-native-skills
80Optimize React Native Apps
by vercel-labs
React Native apps can suffer from slow lists, janky animations, and platform mistakes. This skill gives Codex, Claude, and Claude Code concise rules for performant Expo and React Native work.
Coding & Development View
📦
rn-performance
79Optimize React Native Performance
by CJHarmath
React Native apps can suffer from slow lists, extra renders, and JS thread stalls. This skill provides focused patterns for faster FlatList screens, memoized components, optimized selectors, cached images, and profiling.
Coding & Development View
📦
react-native-architecture
78Build Production React Native Apps
by sickn33
Mobile teams need consistent Expo and React Native architecture before product code grows. This skill guides navigation, state, native APIs, offline sync, performance, and EAS release patterns.
Coding & Development View
📦
upgrading-expo
78Upgrade Expo SDKs Safely
by sickn33
Expo SDK upgrades can break dependencies, configuration, and native behavior. This skill gives a structured upgrade plan with checks for packages, app settings, APIs, and testing.
Coding & Development View
📦
rn-styling
78Apply React Native Styling Patterns
by CJHarmath
React Native styling can become inconsistent across themes, screens, and platforms. This skill gives practical NativeWind and BrandColors patterns for Expo apps.
Coding & Development View
📦
rn-native-features
78Implement Expo Native Features
by CJHarmath
Expo apps often need native device features with careful permissions and platform handling. This skill provides focused patterns for adding camera, notifications, haptics, location, storage, app state, and keyboard behavior.
Coding & Development View