Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

react-native-patterns

Étoiles2

Forks0

Mis à jour5 juillet 2026 à 14:05

React Native platform, Metro-port and emulator/simulator worktree isolation, and cleanup conventions (expo-dev-client, adb, avdmanager, simctl). Use when working on React Native apps.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

bjornjee

bjornjee/skills

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs de logicielsProfessions informatiques et mathématiques·SOC 15-1252

SKILL.md

readonly

name	react-native-patterns
description	React Native platform, Metro-port and emulator/simulator worktree isolation, and cleanup conventions (expo-dev-client, adb, avdmanager, simctl). Use when working on React Native apps.

React Native

Applies to React Native projects only — if the repo has no react-native dependency in package.json, ignore this rule. (The broad TS/TSX matching is deliberate — no file pattern can express the dependency condition.)

Platform

Build system: expo-dev-client, not Expo Go.
Connection modes: usb (adb reverse + localhost), wifi (LAN IP), emulator (10.0.2.2).
Prefer cloud-hosted signaling for WebRTC — local servers cause ICE failures on non-home networks.
adb reverse only forwards TCP, not UDP — plan around this for media protocols.

Engineering

State: server state → React Query; client state → Zustand; component state until it's shared. No Redux by default.
Persistence: MMKV over AsyncStorage; encrypt anything sensitive.
Navigation: auth-gating swaps navigator trees on auth state — never conditionally hidden screens. Deep links and push-tap navigation run after state hydration, not before.
Lists: FlashList over FlatList past ~50 items (provide size estimates). Hermes stays on. expo-image for cached images.

Worktree ops (agent-dashboard flow)

Each feature worktree gets a unique Metro port.
Main project uses default port 8081. Worktrees start from 8082, incrementing.
Scan all worktrees for .metro-port files to find ports in use. Verify with lsof.
Write the assigned port to .metro-port in the worktree root.
AVDs are named feat-<feature_name>. Created via avdmanager, device pixel_6.
iOS Simulators are named feat-<feature_name>. Created via xcrun simctl, device iPhone 16.
Store the Simulator UUID in .sim-uuid in the worktree root.
Ask the user which platform(s) to set up: Android, iOS, or Both.

Cleanup

Kill Metro process on the assigned port (read from .metro-port).
Delete Android AVD feat-<feature_name> via avdmanager.
Shut down and delete iOS Simulator (prefer UUID from .sim-uuid, fall back to name).
Remove marker files: .metro-port, .sim-uuid.

Plus depuis ce dépôt

même dépôt

create-linear-issue

bjornjee/skills

Create one verified Linear issue from a Codex Agent Task v1 contract and optionally dispatch it under separate explicit authority. Use when a user asks Codex to create a Linear implementation issue for a repository handled by a mapped Symphony workflow.

2026-07-232

agent-harness-construction

bjornjee/skills

Use when designing agent tool schemas, action spaces, or observation formatting, or when diagnosing looping and low completion rates in an agent harness.

2026-07-052

agent-introspection-debugging

bjornjee/skills

Use when an agent is looping, retrying without progress, drifting from its goal, or failing repeatedly — structured capture, diagnosis, contained recovery, and introspection reports.

2026-07-052

agentic-engineering

bjornjee/skills

Use when orchestrating agent workflows — eval-first execution, task decomposition, and cost-aware model routing decisions.

2026-07-052

ai-ml-patterns

bjornjee/skills

Eval-first AI/ML engineering — RAG decisions, finetune-vs-RAG-vs-prompt framework, prompt-injection defense, structured output, model routing/cost, production drift. Use when working on evals, prompts, RAG, or model optimization.

2026-07-052

api-design

bjornjee/skills

Use when designing or reviewing an HTTP/RPC API surface — resource modeling, pagination, error envelopes, versioning, idempotency. Falsifiable contracts, not style preferences.

2026-07-052

React Native

Platform

Build system: expo-dev-client, not Expo Go.

Connection modes: usb (adb reverse + localhost), wifi (LAN IP), emulator (10.0.2.2).

Prefer cloud-hosted signaling for WebRTC — local servers cause ICE failures on non-home networks.

adb reverse only forwards TCP, not UDP — plan around this for media protocols.

Engineering

State: server state → React Query; client state → Zustand; component state until it's shared. No Redux by default.

Persistence: MMKV over AsyncStorage; encrypt anything sensitive.

Navigation: auth-gating swaps navigator trees on auth state — never conditionally hidden screens. Deep links and push-tap navigation run after state hydration, not before.

Lists: FlashList over FlatList past ~50 items (provide size estimates). Hermes stays on. expo-image for cached images.

Worktree ops (agent-dashboard flow)

Each feature worktree gets a unique Metro port.

Main project uses default port 8081. Worktrees start from 8082, incrementing.

Scan all worktrees for .metro-port files to find ports in use. Verify with lsof.

Write the assigned port to .metro-port in the worktree root.

AVDs are named feat-<feature_name>. Created via avdmanager, device pixel_6.

iOS Simulators are named feat-<feature_name>. Created via xcrun simctl, device iPhone 16.

Store the Simulator UUID in .sim-uuid in the worktree root.

Ask the user which platform(s) to set up: Android, iOS, or Both.

Cleanup

Kill Metro process on the assigned port (read from .metro-port).

Delete Android AVD feat-<feature_name> via avdmanager.

Shut down and delete iOS Simulator (prefer UUID from .sim-uuid, fall back to name).

Remove marker files: .metro-port, .sim-uuid.