building-native-ui

Guide native UI implementation in Expo Router apps for iOS and Android.

6|Updated Jan 24, 2025
One-click install
npx skills add https://github.com/Liinkiing/larastack --skill building-native-ui-liinkiing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: building-native-ui
Source: https://github.com/Liinkiing/larastack/tree/main/.agents/skills/building-native-ui
Command: npx skills add https://github.com/Liinkiing/larastack --skill building-native-ui-liinkiing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a centralized guide for implementing cohesive native UI in Expo Router apps, ensuring consistent patterns and best practices across projects.

Core Features & Use Cases

  • Native UI patterns: Tabs, toolbars, modals, form sheets, and glass effects using Expo Router components.
  • Cross-platform guidance: Strategies for iOS and Android to achieve a native feel with accessible UI and responsive layouts.
  • Usage of references: Links to in-depth docs (animations, controls, gradients, etc.) to extend knowledge as needed.

Quick Start

Start by inspecting the references directory to understand patterns and implement a small sample app that demonstrates NativeTabs, Form Sheets, and Glass effects.

Frequently Asked Questions about building-native-ui

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

FAQPage Schema
How do I build native UI with Expo Router?▼

To build native UI with Expo Router, follow a structured guide that implements cross-platform patterns like NativeTabs, form sheets, and glass effects using frontmatter-driven discovery and reference docs for in-depth implementation details.

What cross-platform native UI patterns can I implement in Expo Router apps?▼

Cross-platform native UI patterns available include NativeTabs, toolbars, modals, form sheets, and glass effects, providing a cohesive native feel with accessible UI and responsive layouts across iOS and Android.

How do I use form sheets and glass effects in Expo Router?▼

You implement form sheets and glass effects by inspecting the references directory, which supplies in-depth guidance for these patterns, allowing you to build a sample app demonstrating the native UI components.

Do I need specific dependencies to implement native tabs in Expo Router?▼

No specific external dependencies are required to implement native UI patterns in Expo Router. The Skill uses a frontmatter-driven discovery model and reference links to guide the implementation of tabs and sheets.

What is the best way to ensure consistent native UI patterns across Expo projects?▼

The best way to ensure consistent native UI patterns is using a centralized guide that enforces best practices for cross-platform components like tabs and toolbars, applying a frontmatter-driven discovery model for project-wide cohesion.