building-native-ui

Build native mobile app UIs with Expo Router and NativeWind.

1|Updated Jan 28, 2026

Search Tags:#styling #navigation #animations #ui components #react native #expo router #native ui

Ready to run

npx skills add https://github.com/luthebao/expo-template --skill building-native-ui-luthebao

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: building-native-ui
Source: https://github.com/luthebao/expo-template/tree/main/.claude/skills/building-native-ui
Command: npx skills add https://github.com/luthebao/expo-template --skill building-native-ui-luthebao

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide to building visually appealing and performant native mobile applications using Expo Router, addressing common challenges in UI development, navigation, and styling.

Core Features & Use Cases

Styling: Learn to use NativeWind for Tailwind CSS in React Native, apply theme-aware components, and implement advanced styling techniques like gradients and shadows.
Navigation: Master Expo Router's stack, tabs, modals, and form sheets for intuitive user flows.
UI Components & Effects: Integrate native controls, animations, and visual effects like blur and glassmorphism.
Use Case: A developer needs to create a polished user interface for a new mobile app, ensuring a consistent look and feel across different platforms, and implementing smooth transitions and interactive elements.

Quick Start

Follow the guidelines in the SKILL.md file to build beautiful native apps with Expo Router.