skills.rest
danmarauda
danmaraudaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

haus-expo-patterns

Provide reusable Expo Router patterns, UI components, and design tokens for HAUS app screens.

Updated Aug 23, 2026
Search Tags:#navigation#react-native#expo#design-tokens#ui-patterns#expo-router
One-click install
npx skills add https://github.com/danmarauda/haus-turborepo-prod --skill haus-expo-patterns
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: haus-expo-patterns
Source: https://github.com/danmarauda/haus-turborepo-prod/tree/main/apps/mobile/.claude/skills/haus-expo-patterns
Command: npx skills add https://github.com/danmarauda/haus-turborepo-prod --skill haus-expo-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

HAUS Expo Patterns provides ready-made Expo Router patterns, UI components, and design tokens to accelerate building screens and navigation for the HAUS real estate app, ensuring consistency and faster delivery.

Core Features & Use Cases

  • Reusable navigation patterns with expo-router, including tab and nested layouts.
  • Pre-defined design tokens and UI components to maintain visual consistency across screens.
  • Use cases include quickly scaffolding new screens, wiring routes, and applying tokens to typography and colors.

Quick Start

Use the haus-expo-patterns skill as a library of ready-made Expo Router patterns and UI templates to accelerate screen development.

Frequently Asked Questions about haus-expo-patterns

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

FAQPage Schema
How do I set up Expo Router navigation patterns for a React Native app?▼

Expo Router navigation patterns provide pre-defined tab and nested layouts to structure React Native app routing. You can use these ready-made patterns to quickly wire routes and scaffold new screens without building navigation from scratch.

How do I maintain visual consistency with design tokens in Expo?▼

Design tokens in Expo enforce consistent typography and colors across screens. Applying pre-defined tokens to UI components ensures visual alignment throughout the real estate app without manually styling individual elements.

Does this Expo UI pattern library work with existing React Native projects?▼

The Expo UI pattern library is compatible with existing React Native projects that use Expo Router. It integrates with the current pattern library and aligns with project design tokens, requiring standard Expo tooling to function.

What's the best way to scaffold new screens using Expo Router?▼

Scaffolding new screens with Expo Router is best done using ready-made UI templates and navigation patterns. This approach accelerates screen development by providing pre-built layouts that already align with design tokens.

Can I use these design tokens for both web and mobile in a React Native app?▼

These design tokens apply to both web and mobile platforms within the React Native app. The tokens maintain visual consistency across all environments by standardizing typography and color definitions.

Why use pre-defined UI components instead of building custom React Native views?▼

Pre-defined UI components reduce development time by providing ready-made visual elements that already enforce design tokens. Building custom React Native views requires manual styling, whereas these patterns ensure immediate visual consistency.

Related Skills

Explore More Design & Creative Skills→
Yemomo511Yemomo511
2

add-app-clip

Automates iOS App Clip target configuration for Expo and React Native projects.

Community
Intermediate
dtorrasdtorras

building-native-ui

Build native UI screens with Expo Router and NativeTabs layouts.

Community
Advanced
viktorbezdekviktorbezdek
10

frontend-design

Create accessible, responsive UI design systems with Tailwind CSS, Radix UI, and shadcn/ui.

Community
Advanced
passionseedpassionseed
2

ui-worker

Implement React Native UI screens and navigation wiring in Expo Router projects.

Official
Intermediate