skills.rest
expo
expoOFFICIAL
Explore all skills by this author →
Website𝕏@expoGitHub

expo-native-ui

Build native-feeling Expo UI screens with Apple HIG and Material 3.

2.4k|125|Updated Nov 30, 2025
Search Tags:#ios#ui design#android#expo#native ui
One-click install
npx skills add https://github.com/expo/skills --skill expo-native-ui-expo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: expo-native-ui
Source: https://github.com/expo/skills/tree/main/plugins/expo/skills/expo-native-ui
Command: npx skills add https://github.com/expo/skills --skill expo-native-ui-expo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a comprehensive framework for building native-looking screens in Expo apps, adhering to Apple HIG and Material 3 design principles.

Core Features & Use Cases

  • Styling: Offers semantic colors, controls, and layout guidelines to align with platform standards.
  • UI Components: Includes a variety of native controls, animations, and visual effects.
  • Use Case: Design an app with a user interface that looks and feels like a native iOS or Android app.

Quick Start

Apply the expo-native-ui skill to style a screen with tabs, modals, and animations using Expo Router.

Frequently Asked Questions about expo-native-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build native-feeling UI screens in Expo apps?▼

To build native-feeling UI screens in Expo apps, apply Apple Human Interface Guidelines and Material 3 design principles using React Native components and Expo-specific styling utilities to align with platform standards.

What are native UI design guidelines for iOS and Android in React Native?▼

Native UI design guidelines for iOS and Android include Apple Human Interface Guidelines and Material 3 principles, which provide semantic colors, controls, and layout guidelines to align your React Native app with platform standards.

Does this native UI approach work with Expo Router for tabs and modals?▼

Yes, you can apply this native UI approach to style screens with tabs, modals, and animations using Expo Router, ensuring the visual effects and native controls match the desired iOS or Android aesthetics.

Do I need React Native components to style screens for Expo apps?▼

Yes, you need React Native components and Expo-specific styling utilities to implement the semantic colors, controls, and visual effects required to achieve native-looking screens in Expo apps.

What's the best way to achieve native-like aesthetics for iOS and Android app development?▼

The best way to achieve native-like aesthetics is by applying a comprehensive framework that adheres to Apple HIG and Material 3 design principles, offering semantic colors and native controls for iOS and Android app development scenarios.

Related Skills

Explore More Design & Creative Skills→
shiroginshirogin
1

building-native-ui

Guide building native UI with Expo Router, including navigation and tabs.

Community
Intermediate
epiphanyappsepiphanyapps

building-native-ui

Guide native mobile UI development with Expo Router navigation and styling.

Official
Intermediate
gounthargounthar

expo-router-expert

Configure Expo Router file-based routing with dynamic routes and layouts.

Community
Advanced
trungdo9trungdo9
3

ui-ux-pro-max

Design cross-platform UI/UX using Material Design 3 and Apple HIG guidelines.

Community
Intermediate