diff --git a/.github/skills/react-native-skills/AGENTS.md b/.github/skills/react-native-skills/AGENTS.md
new file mode 100644
index 0000000..c3f43cf
--- /dev/null
+++ b/.github/skills/react-native-skills/AGENTS.md
@@ -0,0 +1,1051 @@
+# React Native & Expo Skills
+
+**Version 2.0.0**
+BitSleuth
+January 2026
+
+> **Note:**
+> This document is for agents and LLMs to follow when maintaining,
+> generating, or refactoring React Native codebases. Humans
+> may also find it useful, but guidance here is optimized for automation
+> and consistency by AI-assisted workflows.
+
+---
+
+## Abstract
+
+Performance and best practices guide for React Native and Expo mobile applications targeting iOS and Android. Contains 25+ rules across 11 categories covering core rendering, list performance, animations with Reanimated, navigation with Expo Router, styling with NativeWind, and platform-specific optimizations. Each rule includes detailed explanations, incorrect vs. correct code examples, and impact assessments.
+
+---
+
+## Table of Contents
+
+1. [Core Rendering](#1-core-rendering) — **CRITICAL**
+ - 1.1 [Never Use && with Potentially Falsy Values](#11-never-use--with-potentially-falsy-values)
+ - 1.2 [Wrap Strings in Text Components](#12-wrap-strings-in-text-components)
+2. [List Performance](#2-list-performance) — **HIGH**
+ - 2.1 [Use a List Virtualizer for Any List](#21-use-a-list-virtualizer-for-any-list)
+ - 2.2 [Optimize List Performance with Stable Object References](#22-optimize-list-performance-with-stable-object-references)
+ - 2.3 [Avoid Inline Objects in renderItem](#23-avoid-inline-objects-in-renderitem)
+ - 2.4 [Hoist Callbacks to the Root of Lists](#24-hoist-callbacks-to-the-root-of-lists)
+ - 2.5 [Pass Primitives to List Items for Memoization](#25-pass-primitives-to-list-items-for-memoization)
+ - 2.6 [Keep List Items Lightweight](#26-keep-list-items-lightweight)
+ - 2.7 [Use Compressed Images in Lists](#27-use-compressed-images-in-lists)
+ - 2.8 [Use Item Types for Heterogeneous Lists](#28-use-item-types-for-heterogeneous-lists)
+3. [Animation](#3-animation) — **HIGH**
+ - 3.1 [Animate Transform and Opacity Instead of Layout Properties](#31-animate-transform-and-opacity-instead-of-layout-properties)
+ - 3.2 [Prefer useDerivedValue Over useAnimatedReaction](#32-prefer-usederivedvalue-over-useanimatedreaction)
+ - 3.3 [Use GestureDetector for Animated Press States](#33-use-gesturedetector-for-animated-press-states)
+4. [Scroll Performance](#4-scroll-performance) — **HIGH**
+ - 4.1 [Never Track Scroll Position in useState](#41-never-track-scroll-position-in-usestate)
+5. [Navigation](#5-navigation) — **HIGH**
+ - 5.1 [Use Expo Router for File-Based Navigation](#51-use-expo-router-for-file-based-navigation)
+6. [React State](#6-react-state) — **MEDIUM**
+ - 6.1 [Minimize State Variables and Derive Values](#61-minimize-state-variables-and-derive-values)
+ - 6.2 [Use Fallback State Instead of initialState](#62-use-fallback-state-instead-of-initialstate)
+ - 6.3 [Use Dispatch Updaters for State That Depends on Current Value](#63-use-dispatch-updaters-for-state-that-depends-on-current-value)
+7. [State Architecture](#7-state-architecture) — **MEDIUM**
+ - 7.1 [State Must Represent Ground Truth](#71-state-must-represent-ground-truth)
+8. [React Compiler](#8-react-compiler) — **MEDIUM**
+ - 8.1 [Destructure Functions Early in Render](#81-destructure-functions-early-in-render)
+ - 8.2 [Use .get() and .set() for Reanimated Shared Values](#82-use-get-and-set-for-reanimated-shared-values)
+9. [User Interface](#9-user-interface) — **MEDIUM**
+ - 9.1 [Use expo-image for Optimized Images](#91-use-expo-image-for-optimized-images)
+ - 9.2 [Styling with NativeWind and Modern Patterns](#92-styling-with-nativewind-and-modern-patterns)
+ - 9.3 [Use Pressable Instead of Touchable Components](#93-use-pressable-instead-of-touchable-components)
+ - 9.4 [Use contentInsetAdjustmentBehavior for Safe Areas](#94-use-contentinsetadjustmentbehavior-for-safe-areas)
+ - 9.5 [Use contentInset for Dynamic ScrollView Spacing](#95-use-contentinset-for-dynamic-scrollview-spacing)
+ - 9.6 [Use Native Menus for Dropdowns and Context Menus](#96-use-native-menus-for-dropdowns-and-context-menus)
+ - 9.7 [Use Native Modals Over JS-Based Bottom Sheets](#97-use-native-modals-over-js-based-bottom-sheets)
+ - 9.8 [Measuring View Dimensions](#98-measuring-view-dimensions)
+10. [JavaScript](#10-javascript) — **LOW**
+ - 10.1 [Hoist Intl Formatter Creation](#101-hoist-intl-formatter-creation)
+11. [Fonts](#11-fonts) — **LOW**
+ - 11.1 [Load Fonts Natively at Build Time](#111-load-fonts-natively-at-build-time)
+
+---
+
+## 1. Core Rendering
+
+**Impact: CRITICAL**
+
+Fundamental React Native rendering rules. Violations cause runtime crashes or broken UI.
+
+### 1.1 Never Use && with Potentially Falsy Values
+
+**Impact: CRITICAL (prevents production crash)**
+
+Never use `{value && }` when `value` could be an empty string or `0`. These are falsy but JSX-renderable—React Native will try to render them as text outside a `` component, causing a hard crash in production.
+
+**Incorrect (crashes if count is 0 or name is ""):**
+
+```tsx
+function Profile({ name, count }: { name: string; count: number }) {
+ return (
+
+ {name && {name}}
+ {count && {count} items}
+
+ )
+}
+// If name="" or count=0, renders the falsy value → crash
+```
+
+**Correct (ternary with null):**
+
+```tsx
+function Profile({ name, count }: { name: string; count: number }) {
+ return (
+
+ {name ? {name} : null}
+ {count ? {count} items : null}
+
+ )
+}
+```
+
+**Correct (explicit boolean coercion):**
+
+```tsx
+function Profile({ name, count }: { name: string; count: number }) {
+ return (
+
+ {!!name && {name}}
+ {!!count && {count} items}
+
+ )
+}
+```
+
+**Best (early return):**
+
+```tsx
+function Profile({ name, count }: { name: string; count: number }) {
+ if (!name) return null
+
+ return (
+
+ {name}
+ {count > 0 ? {count} items : null}
+
+ )
+}
+```
+
+**Lint rule:** Enable `react/jsx-no-leaked-render` from [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-leaked-render.md).
+
+### 1.2 Wrap Strings in Text Components
+
+**Impact: CRITICAL (prevents runtime crash)**
+
+Strings must be rendered inside ``. React Native crashes if a string is a direct child of ``.
+
+**Incorrect (crashes):**
+
+```tsx
+import { View } from 'react-native'
+
+function Greeting({ name }: { name: string }) {
+ return Hello, {name}!
+}
+// Error: Text strings must be rendered within a component.
+```
+
+**Correct:**
+
+```tsx
+import { View, Text } from 'react-native'
+
+function Greeting({ name }: { name: string }) {
+ return (
+
+ Hello, {name}!
+
+ )
+}
+```
+
+---
+
+## 2. List Performance
+
+**Impact: HIGH**
+
+Optimizing virtualized lists (FlatList, FlashList) for smooth scrolling and fast updates.
+
+### 2.1 Use a List Virtualizer for Any List
+
+**Impact: HIGH (reduced memory, faster mounts)**
+
+Use a list virtualizer like FlashList instead of ScrollView with mapped children—even for short lists. Virtualizers only render visible items, reducing memory usage and mount time.
+
+**Incorrect (ScrollView renders all items at once):**
+
+```tsx
+function Feed({ items }: { items: Item[] }) {
+ return (
+
+ {items.map((item) => (
+
+ ))}
+
+ )
+}
+// 50 items = 50 components mounted, even if only 10 visible
+```
+
+**Correct (virtualizer renders only visible items):**
+
+```tsx
+import { FlashList } from '@shopify/flash-list'
+
+function Feed({ items }: { items: Item[] }) {
+ return (
+ }
+ keyExtractor={(item) => item.id}
+ estimatedItemSize={80}
+ />
+ )
+}
+// Only ~10-15 visible items mounted at a time
+```
+
+### 2.2 Optimize List Performance with Stable Object References
+
+**Impact: CRITICAL (virtualization relies on reference stability)**
+
+Don't map or filter data before passing to virtualized lists. Virtualization relies on object reference stability to know what changed—new references cause full re-renders of all visible items.
+
+**Incorrect (creates new object references on every keystroke):**
+
+```tsx
+function DomainSearch() {
+ const { keyword, setKeyword } = useKeywordState()
+ const { data: tlds } = useTlds()
+
+ // Bad: creates new objects on every render
+ const domains = tlds.map((tld) => ({
+ domain: `${keyword}.${tld.name}`,
+ tld: tld.name,
+ }))
+
+ return (
+ <>
+
+ } />
+
+ )
+}
+```
+
+**Correct (stable references, transform inside items):**
+
+```tsx
+function DomainSearch() {
+ const { data: tlds } = useTlds()
+
+ return (
+ }
+ />
+ )
+}
+
+function DomainItem({ tld }: { tld: Tld }) {
+ // Transform within items using Zustand selector
+ const keyword = useSearchStore((s) => s.keyword)
+ const domain = `${keyword}.${tld.name}`
+ return {domain}
+}
+```
+
+### 2.3 Avoid Inline Objects in renderItem
+
+**Impact: HIGH (prevents unnecessary re-renders of memoized list items)**
+
+Don't create new objects inside `renderItem` to pass as props. Inline objects create new references on every render, breaking memoization.
+
+**Incorrect (inline object breaks memoization):**
+
+```tsx
+renderItem={({ item }) => (
+
+)}
+```
+
+**Correct (pass item directly or primitives):**
+
+```tsx
+renderItem={({ item }) => (
+
+)}
+
+const UserRow = memo(function UserRow({ id, name, isActive }: Props) {
+ const backgroundColor = isActive ? 'green' : 'gray'
+ return {/* ... */}
+})
+```
+
+### 2.4 Hoist Callbacks to the Root of Lists
+
+**Impact: MEDIUM (fewer re-renders and faster lists)**
+
+When passing callback functions to list items, create a single instance of the callback at the root of the list.
+
+**Incorrect (creates a new callback on each render):**
+
+```tsx
+renderItem={({ item }) => {
+ const onPress = () => handlePress(item.id) // Bad: new callback each render
+ return