A comprehensive toolkit for building production-ready native iOS and Android applications using Expo Router and modern React Native patterns.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install expo-native-ui
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install expo-native-ui using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Expo Native UI?
This skill provides a specialized framework for developing mobile applications that follow Apple Human Interface Guidelines and modern performance standards. By leveraging Openclaw Skills, developers can seamlessly integrate advanced native features like file-based routing, fluid animations via Reanimated, and platform-specific visual effects such as liquid glass and blur.
It focuses on Native First principles, ensuring that apps feel like first-party software rather than generic web wrappers. The skill automates the configuration of native navigation stacks and specialized iOS components, significantly reducing the boilerplate required for high-end mobile development.
Expo Native UI Use Cases
- Developing a new mobile application using Expo Router with a native feel.
- Migrating legacy JavaScript-based navigation to native tab bars and navigation stacks.
- Implementing sophisticated visual effects like SF Symbols, blur views, and liquid glass.
- Setting up complex route structures with groups, dynamic routes, and modals.
- Creating responsive mobile layouts that utilize native iOS and Android controls.
How Expo Native UI Works
- Initialize the mobile project structure using recommended Expo Router file-based conventions.
- Configure native navigation components like Stack and NativeTabs for high-performance screen transitions.
- Implement UI elements using specialized libraries like expo-symbols and expo-blur to match platform-specific design languages.
- Apply styling and behavioral patterns, such as haptic feedback and continuous border curves, to polish the user experience.
- Validate the implementation against strict coding rules, such as avoiding legacy modules and using modern environment variables.
Expo Native UI Setup
Install the skill via the Openclaw Skills hub:
npx clawhub@latest install expo-native-ui
To run your application during development, use the Expo CLI:
npx expo start
Expo Native UI Data Schema & Taxonomy
The skill organizes mobile projects following a strict directory structure to ensure compatibility with Openclaw Skills workflows:
| Component | Description |
|---|---|
app/ |
Contains the file-based routing logic; no components or utilities allowed here. |
components/ |
Dedicated directory for reusable UI elements. |
modules/ |
Location for custom native code and local Expo modules. |
references/ |
Documentation for specific features like animations, storage, and visual effects. |
Expo Native UI Advanced Features
- Support for iOS 26+ features including liquid glass effects and advanced sheet detents.
- Deep integration with SF Symbols for dynamic, weighted, and animated iconography.
- Automatic handling of native search bars via headerSearchBarOptions.
- Experimental CSS gradient support through experimental_backgroundImage.
- Multi-platform environment handling using process.env.EXPO_OS for cleaner branching.
SKILL.md
Loading
Related Openclaw Skills
Uniswap Token Swap Agent Skill
An autonomous DeFi skill that enables AI agents to execute, simulate, and validate token swaps across Uniswap V2, V3, V4, and UniswapX.
Estimation Patterns
A comprehensive framework for producing accurate, defensible software estimates using mathematical models and systematic decomposition.
E2E Testing Patterns
Build reliable, high-performance end-to-end test suites using industry-standard patterns for Playwright and Cypress.
Dual-Stream Architecture
A high-performance pattern for publishing events to Kafka for durable storage and Redis for real-time delivery.
Pattern Extraction
A specialized automation tool to distill architectural patterns, design tokens, and technical methodologies from any codebase into reusable Openclaw Skills.
Feature Specification
A technical meta-skill that converts persona documentation into detailed, implementable feature specifications with clear acceptance criteria.
Featured*
