skills.rest
passionseed
passionseedOFFICIAL
Explore all skills by this author →
GitHub

ui-worker

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

2|1|Updated Feb 26, 2026
Search Tags:#testing#navigation#react-native#ui-development#expo-router#component-wiring
One-click install
npx skills add https://github.com/passionseed/ps_app --skill ui-worker
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-worker
Source: https://github.com/passionseed/ps_app/tree/main/.factory/skills/ui-worker
Command: npx skills add https://github.com/passionseed/ps_app --skill ui-worker

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill accelerates the creation and wiring of React Native UI screens, ensuring consistent patterns and navigation integration.

Core Features & Use Cases

  • Screen development patterns for Expo Router-based apps
  • UI component wiring and navigation setup between screens
  • Guidelines and tests-first approach to UI work

Quick Start

Create a new screen following established patterns and wire it into the navigation stack

Frequently Asked Questions about ui-worker

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

FAQPage Schema
How do I wire a new screen into Expo Router navigation in React Native?▼

To wire Expo Router navigation, you create a screen following established patterns and integrate it into the navigation stack. This ensures consistent UI component wiring and navigation setup across your React Native project.

How do I implement React Native UI components using a tests-first approach?▼

To implement React Native UI components with a tests-first approach, you write tests before creating the UI. This skill coordinates UI development by applying standard patterns using AppText, LinearGradient, and useSafeAreaInsets.

Does this React Native UI development skill work with Expo Router and TypeScript?▼

Yes, this React Native UI development skill works with Expo Router and TypeScript. It coordinates screen creation and UI component wiring by following your design system and standard TypeScript patterns.

What is the best way to set up navigation between screens in an Expo Router project?▼

The best way to set up navigation between screens in an Expo Router project is to follow standard patterns for screen creation and integration. This skill streamlines the wiring between screens across your React Native application.

Why use useSafeAreaInsets and LinearGradient when creating React Native screens?▼

You use useSafeAreaInsets and LinearGradient when creating React Native screens to adhere to the standard design system patterns. This ensures consistent layout rendering and visual styling across all wired UI components.

ui-worker: Can it coordinate React Native UI screen creation and component integration?▼

Yes, ui-worker coordinates React Native UI screen creation and component integration. It accelerates the creation and wiring of UI screens, ensuring consistent patterns and navigation integration across Expo Router projects.

Related Skills

Explore More Software Engineering Skills→
TMHSDigitalTMHSDigital
2

mobile-project-setup

Scaffold an Expo React Native project with TypeScript and file-based routing.

Community
Intermediate
gajjalaashok75-UIgajjalaashok75-UI
2

react-native-architecture

Design React Native and Expo app architecture with Expo Router and React Query persistence.

Community
Advanced
algusaemalgusaem

react-ui-patterns

Codify loading, error, and empty state patterns for React components.

Community
Basic
daffy0208daffy0208
34

mobile-developer

Build cross-platform mobile apps with React Native and Expo.

Community
Intermediate