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.