ui-worker

Name: ui-worker
Availability: InStock
Author: passionseed

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

Ready to run

npx skills add https://github.com/passionseed/ps_app --skill ui-worker

💬 Prompt for ChatGPT / Claude Chat▼

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.