building-ui

Standardize Expo Router app UI with route, styling, and accessibility guidelines.

1|Updated Jul 25, 2023
One-click install
npx skills add https://github.com/yurkenn/english-tales --skill building-ui-yurkenn
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: building-ui
Source: https://github.com/yurkenn/english-tales/tree/main/.agent/skills/building-ui
Command: npx skills add https://github.com/yurkenn/english-tales --skill building-ui-yurkenn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Expo Router based UI development often lacks consistency, accessibility, and scalable patterns across teams; this guide provides unified rules to streamline design systems and navigation.

Core Features & Use Cases

  • Route structure and navigation guidelines for Expo Router, including tabs, stacks, and deep linking.
  • Styling, responsive layout, and performance best practices tailored to React Native and Expo.
  • Reusable UI patterns with accessibility considerations for cross-device experiences.

Quick Start

Apply these UI guidelines to your Expo Router project to start implementing consistent layouts, navigation patterns, and responsive styles.

Frequently Asked Questions about building-ui

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

FAQPage Schema
How do I structure Expo Router navigation for tabs, stacks, and deep linking?

To structure Expo Router navigation, apply standardized route conventions for tabs, stacks, and deep linking to ensure scalable app design. This standardizes navigation patterns across your React Native project.

What are the best practices for responsive design in React Native using Expo?

Responsive design in React Native using Expo requires following tailored layout guidelines and performance best practices. This ensures cross-device experiences adapt correctly to varying screen sizes.

How do I standardize Expo Router app design and UI patterns across a development team?

Standardizing Expo Router app design involves applying unified UI guidelines that outline route structure, styling, and accessibility. This streamlines design systems and ensures consistent interaction patterns across teams.

Can I use these UI guidelines to build accessible components in an Expo Router project?

Yes, you can use these UI guidelines to build accessible components in an Expo Router project. They define functional requirements and reusable UI patterns with specific accessibility considerations for cross-device experiences.

Does this Expo Router UI guide work without additional dependencies?

Yes, the Expo Router UI guide works without additional dependencies. It provides styling rules, navigation conventions, and layout guidelines directly applicable to your existing React Native and Expo setup.

Why does my Expo Router UI lack consistency and scalable patterns?

Your Expo Router UI lacks consistency because scalable patterns and design systems are often missing during development. Applying unified UI guidelines standardizes interaction patterns, styling, and route structure to resolve this.