development Skills

React Native and Expo best practices for Wythm mobile-app. **Use this skill when:** - Working with files in mobile-app/...

Conventions and patterns for React Native/Expo mobile development including component structure, styling with NativeWind...

React Native mobile development covering iOS and Android cross-platform apps, navigation, state management, native modul...

Build and manage React Native/Expo mobile apps including project setup, development workflows, and platform-specific gui...

Creates navigation structures following the app's nested navigator pattern. Handles type-safe navigation, stack and tab...

Creates navigation structures following the app's nested navigator pattern. Handles type-safe navigation, stack and tab...

React Native patterns for Expo and bare RN. Use when building React Native applications.

Expert guidance for React Three Fiber development with React, Vite, Tailwind CSS, and three.js

Beginner-friendly reverse-engineering workflow for React Native Reversing. Use it to collect evidence, choose static or...

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, opt...

Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when build...

Create a new React project using Vite, TypeScript, and Feature-based architecture.

Create reusable React component packages for the Raamattu Nyt monorepo. Use when: (1) Extracting a component from an app...

"Scaffolds a complete React page directory in 'src/pages/' using a script. Use when asked to create a new page or view."

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

Write React components with minimal state, proper memoization, and type-safe patterns. Use when creating components, man...

React and Next.js development policies. Use when writing React components, hooks, or performance optimization. Do NOT us...

Modern React patterns, hooks, and state management principles. Use when structuring React components, managing state, op...

React development patterns. Use when building React components, managing state, creating custom hooks, or optimizing Rea...

React and Next.js performance optimization guidelines from Vercel Engineering, tuned for local/offline or docker-deploye...

Provides comprehensive React 19 patterns for Server Components, Server Actions, useOptimistic, useActionState, useTransi...

React 组件设计模式、Hooks 使用指南、性能优化技巧

React best practices and anti-patterns reference. Use when writing React components, reviewing code for anti-patterns, d...

Use when implementing React 19 features, optimizing components, or choosing between Actions vs TanStack Query for mutati...

Modern React 19+ patterns with TypeScript

React 19 performance patterns and composition architecture for Vite + Cloudflare projects. 50+ rules ranked by impact —...

| Pattern | Use Case | Example |

Modern React patterns for React 19. Hooks, state management, component composition, performance optimization. Use when b...

Modern React patterns for this Next.js 15 application. Covers Server/Client Components, Context API, TanStack Query, Sus...

Write idiomatic React with proper hooks and render purity. Use when writing components, fixing hook-related lint errors,...

> Note: Full content available to MidOS PRO subscribers. See https://midos.dev/pricing

Techniques for Virtualization, Memoization, and RSC logic. Use when optimizing a sluggish React app or refactoring to se...

Plan React/Next.js features — component architecture, state management, data flow. Triggers: React plan, component desig...

TanStack Query (React Query) patterns for server state management, caching, mutations, optimistic updates, and infinite...

Expert in TanStack Query (React Query) v5 for data fetching, caching, mutations, and server state management. Deep knowl...

React bindings for TanStack Router: RouterProvider, useRouter, useRouterState, useMatch, useMatches, useLocation, useSea...

Build full-stack React applications using React Router's framework mode. Use when configuring routes, working with loade...

Routing libraries for React SPAs: React Router v6/v7 (most common), TanStack Router (typed, modern), wouter (minimal). D...

React and component patterns

Senior-level review of a React feature, by theSeniorDev — structure & boundaries, state & data flow, performance & rende...

React Server Components patterns including streaming, data fetching, client/server component composition, and performanc...

Design and implement React Server Components with Next.js 15 App Router. Master server-first architecture, streaming SSR...

Use when building Next.js 16+ apps with React Server Components. Covers App Router, streaming SSR, Server Actions, and R...

React 19 + Vite 7 SPA performance optimization guide. Apply when writing, reviewing, or refactoring React components, ro...

/============================================================================/

Expert React specialist mastering React 18+ with modern patterns and ecosystem. Specializes in component architecture, p...

Expert React developer specializing in React 18+, Next.js ecosystem, and modern React patterns. This agent excels at bui...

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global sta...