В каталоге 183 730 навыков в 14 категориях.
Use when styling React Native Web components. Provides patterns for StyleSheet API, platform-specific styles, responsive...
Use when testing React Native Web applications. Provides patterns for Jest, React Native Testing Library, component test...
Provides React Navigation UI patterns for stacks, tabs, drawers etc. Use when building navigation UIs with React Navigat...
Create a new React project using Vite, TypeScript, and Feature-based architecture.
Next.js 15 App Router with Server Components, Server Actions, data fetching, caching, and deployment
Offensive React/Next.js component quality enforcement. Triggered when creating components, reviewing client/server patte...
React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern f...
React and Next.js implementation patterns for performance and maintainability. Use when building frontend components, pa...
Logging, error messages, and debugging patterns for React. Use when adding logging, designing error messages, debugging...
React development patterns, hooks, state management, Server Components, and performance optimization. Use for: react, ho...
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."
Reasoning and Acting patterns for agentic LLM workflows
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
React 18/19 patterns including hooks discipline, server/client component boundaries, Suspense + error boundaries, form a...
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...
Provides idiomatic React 18/19 and Next.js App Router patterns covering hooks discipline, composition, state colocation,...
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
Generate professional PDF reports using @react-pdf/renderer in Node.js scripts. Produces clean, document-style output si...
A "No-Compromise" React performance checklist enforcing strict re-render discipline and bundle auditing.
Provides prioritized P0/P1/P2 criteria for auditing React and Next.js branch diffs across waterfalls, bundle bloat, serv...
Performance optimization for React web applications. Use when optimizing renders, implementing virtualization, memoizing...
Apply when diagnosing slow renders, optimizing list rendering, or preventing unnecessary re-renders in React application...
React and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices (https://gith...
| Unnecessary re-renders | React.memo, useMemo, useCallback |
Diagnose and fix React rendering, bundle, and data-loading performance using measurement first (React DevTools Profiler,...
React and Next.js performance optimization patterns. Use when writing, reviewing, or refactoring React/Next.js code to e...
Audit React component rendering performance when the user asks to optimize React performance, fix re-renders, or improve...
Techniques for Virtualization, Memoization, and RSC logic. Use when optimizing a sluggish React app or refactoring to se...
Optimize React apps for 60fps performance. Implements memoization, virtualization, code splitting, bundle optimization....
React performance optimization patterns for TMNL. Covers useMemo, useCallback, React.memo, virtualization, and when opti...
Plan React/Next.js features — component architecture, state management, data flow. Triggers: React plan, component desig...
React development principles from official documentation. Teaches component purity, state management, effects, refs, red...
Use PROACTIVELY when creating new React projects requiring modern tooling and best practices. Provides three modes - san...
Build Progressive Web Apps with React and Vite using vite-plugin-pwa. This skill covers the complete PWA lifecycle: mani...
TanStack Query (React Query) patterns for server state management, caching, mutations, optimistic updates, and infinite...
Guidelines for using React Query for data fetching, caching, and server state synchronization in React applications
Expert in TanStack Query (React Query) v5 for data fetching, caching, mutations, and server state management. Deep knowl...
Use when a React 19 component forwards a ref and also uses it internally — a ref-merge helper, a `React.RefCallback` bui...
Guide for refactoring complex React/Next.js components to be clean, modular, and maintainable. Use when code is too long...
Implement size-dependent behavior/geometry.
React and Next.js performance optimization guidelines from Vercel Engineering. Contains 45+ rules across 8 categories.
Review React components, hooks, state, rendering, accessibility, Server Components, testing, and performance.
Describe what this skill helps an agent do.
Build applications with React Router in Framework, Data, Declarative, and unstable RSC modes. Use when configuring route...
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...
Add URL routing to React Vite SPAs using react-router-dom v6. Use when asked to "add routing", "add URL navigation", "ma...
Implements React Router v7 app structure, routing patterns, and component templates. Use when creating or modifying Reac...
Use this skill when you need expert guidance on React development with React Router V7, including component architecture...
Routing libraries for React SPAs: React Router v6/v7 (most common), TanStack Router (typed, modern), wouter (minimal). D...
React and component patterns
Review React 18/19 security, including Next.js clients. Covers XSS, secrets and client trust. Delegate Next.js server su...
Senior-level review of a React feature, by theSeniorDev — structure & boundaries, state & data flow, performance & rende...
Interactive 10-question multiple-choice React interview, by theSeniorDev — drawn from the same principles as `react-seni...
Current Server Actions patterns: validation, revalidation, optimistic UI and the security rules agents usually miss. Use...
Implement React Server Actions in Next.js 14+ for secure, progressively enhanced form handling and server mutations with...
React Server Components patterns including streaming, data fetching, client/server component composition, and performanc...
React Server Components（RSC）の実装パターンとNext.js App Routerにおけるベストプラクティスを提供する専門スキル。サーバーコンポーネントとクライアントコンポーネントの責務分離、データフェッチの最適化...
Implements React Server Components (RSC) patterns with Next.js App Router including data fetching, streaming, selective...
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...
Use when initializing a new React frontend with Vite to connect to a Django backend over HTTPS. Sets up routing, CSRF pr...
shadcn/ui for React with TanStack Form. Use when building UI components, forms, dialogs, tables, toasts, or accessible c...
React component development guidelines using TypeScript and shadcn/ui. Use when creating UI components, forms, dialogs,...
React 18 patterns for LlamaFarm Designer. Covers components, hooks, TanStack Query, and testing.
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 specialist mastering React 18+ with modern patterns and ecosystem. Specializes in performance optimization,...
Expert React developer specializing in React 18+, Next.js ecosystem, and modern React patterns. This agent excels at bui...
Use when implementing Disney's 12 animation principles with React Spring's physics-based animations
Física de muelles en React con @react-spring/web (useSpring, useTrail, useTransition, useScroll, useInView) y Popmotion...
Physics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popm...
React implementation guidance for component boundaries, state ownership, accessibility, and practical frontend behavior.
Zustand v5 state management for React. Use when implementing global state, stores, persist, or client-side state.
Repair state ownership, effects and async races.
DEPRECATED for new standalone React/TypeScript work; use react-agent-skills / react-hooks-effects + react-state-manageme...
Complex multi-step operations in React. Use when implementing flows with multiple async steps, state machine patterns, o...
Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global sta...
State management decision tree for React SPAs: useState/useReducer, Context API, Zustand, Jotai, Redux Toolkit, TanStack...
| Library | Best For | Install |
Gestion d'état React avec Zustand, hooks personnalisés, et patterns de cleanup. MANDATORY pour state management. À utili...
Migration from useState to effect-atom. Pattern recognition for when useState is acceptable vs when atoms are required....
Review and refactor React 18/19 architecture. Use for state layers, Server Components, Suspense, Actions, data boundarie...
Set up react-strict-dom with Babel, PostCSS, and CSS-wrapped HTML components for universal Expo apps