web-frameworks
Build with Next.js (App Router, RSC, SSR, ISR), Turborepo monorepos. Use for React apps, server rendering, build optimization, caching strategies, shared dependencies.
Skills matching the name, description or GitHub author.
Build with Next.js (App Router, RSC, SSR, ISR), Turborepo monorepos. Use for React apps, server rendering, build optimization, caching strategies, shared dependencies.
Guide for React 19 development with Actions, Server Components, and new hooks. Use for building React 19 apps, form handling, optimistic updates, and migrations.
Modernize and restyle the Expo/React Native frontend (React 19, RN 0.81, expo-router) while keeping flows working. Use for UI refreshes, design-token alignment, accessibility/UX polish, performance/responsivene...
Implement internationalization (i18n) in Ballee using react-i18next with Trans component and useTranslation hook; use when adding user-facing text, translating components, implementing toast messages, or organi...
Comprehensive Framer Motion animation library for React. Covers motion components, variants, gestures, page transitions, and scroll animations. Use when adding animations to React/Next.js applications.
WHAT: Redux 4 state management with react-redux hooks and reducers. WHEN: global state, complex state logic, state persistence across routes. KEYWORDS: redux, useSelector, useDispatch, reducer, thunk, selector,...
WHAT: React Query v3.39.0 patterns for web data fetching with OpenTelemetry. WHEN: using useQuery v3, useMutation v3, implementing caching on web. KEYWORDS: react-query, v3, useQuery, useMutation, useFetch, cac...
WHAT: Zest design system components for React Native including Button, Text, Icon, Card, Badge, InputField. WHEN: building UI with buttons, forms, icons, cards, status indicators, loading states, inline message...
WHAT: React Native tech stack reference with specific library versions. WHEN: choosing libraries, checking versions, adding dependencies. KEYWORDS: tech stack, versions, zustand, tanstack query, apollo, zest, r...
WHAT: Zest React Native integration with ZestProvider, useZestTheme, and useZestStyles hooks. WHEN: setting up providers, accessing theme tokens, creating themed styles, dark mode support. KEYWORDS: ZestProvide...
WHAT: React Native component patterns with variant-based architecture and repository pattern. WHEN: creating components, implementing variants, separating data logic from UI. KEYWORDS: component, variant, discr...
WHAT: React web component patterns with TypeScript, semantic HTML, and composition. WHEN: building reusable components, type-safe APIs, accessible web interfaces. KEYWORDS: React.FC, TypeScript, props, semantic...
WHAT: React Navigation patterns with useNavigationHeader and type-safe route enums. WHEN: configuring screen headers, creating header buttons, navigating with parameters. KEYWORDS: navigation, useNavigationHead...
WHAT: React hooks patterns for web with useState, useEffect, and custom hooks. WHEN: managing state, side effects, data fetching, routing, window events. KEYWORDS: hooks, useState, useEffect, useMemo, useCallba...
WHAT: React hooks patterns for state, effects, memoization, and custom hooks. WHEN: managing state, side effects, expensive calculations, stable callbacks. KEYWORDS: hooks, useState, useEffect, useMemo, useCall...
Post-processing effects with React Three Fiber
Next.js 15 App Router patterns and best practices for React applications. Use when creating pages, components, layouts, data fetching, server actions, or routing. Triggers on Next.js, App Router, page, layout,...
WHAT: Test React Native with MockedProvider for GraphQL and isolated QueryClient for TanStack Query. WHEN: testing components with server data, GraphQL operations, mutations, loading and error states. KEYWORDS:...
TanStack Query v5 patterns and common pitfalls. Use when implementing data fetching, cache invalidation, or debugging stale data issues. Triggers on useQuery, useMutation, queryKey, invalidate, TanStack, React...
React Three Fiber core patterns for scene composition and game loop
WHAT: Create Zest design system components for React Native with StyleSheet and accessibility props. WHEN: building new Zest components from Figma, adding variants, creating reusable mobile UI. KEYWORDS: Zest,...
Game UI and HUD animation patterns for React Three Fiber games
WHAT: Zest design tokens with useZestStyles and createStylesConfig for React Native styling. WHEN: component styling, layout composition, conditional styles, platform-specific shadows. KEYWORDS: createStylesCon...
WHAT: React Native accessibility with accessibilityLabel, accessibilityRole, and Icon altText. WHEN: interactive elements, form inputs, images, lists, modals, testing with VoiceOver/TalkBack. KEYWORDS: accessib...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.