GitHub
component-testing
React component testing with Vitest and Testing Library. Use when writing unit tests for components.
☆ 2View skill
Search results for “React”
Skills matching the name, description or GitHub author.
Categories: tools frontend
Browse skills
GitHub
atomic-design
Atomic Design component organization pattern for React applications. Use when creating new components or organizing component structures.
☆ 2View skill
GitHub
maestro-testing
Maestro E2E testing patterns for React Native. Use when implementing end-to-end tests.
☆ 2View skill
GitHub
form-handling-mobile
React Hook Form and Zod for React Native forms. Use when implementing forms.
☆ 2View skill
GitHub
hooks-best-practices
React Hooks patterns including custom hooks and dependency management. Use when implementing component logic.
☆ 2View skill
GitHub
zustand-mobile-patterns
Zustand state management for React Native. Use when implementing client-side state.
☆ 2View skill
GitHub
accessibility-mobile
React Native accessibility patterns for iOS and Android. Use when implementing a11y features.
☆ 2View skill
GitHub
tanstack-query-mobile
TanStack Query for React Native data fetching. Use when implementing server state.
☆ 2View skill
GitHub
performance-patterns
React performance optimization including memoization, code splitting, and lazy loading. Use when optimizing React applications.
☆ 2View skill
GitHub
reanimated-patterns
React Native Reanimated animation patterns. Use when implementing animations.
☆ 2View skill
GitHub
react-native-performance
React Native performance optimization techniques. Use when optimizing app performance.
☆ 2View skill
GitHub
react-19-patterns
React 19 features including Server Components, Actions, and use() hook. Use when building modern React applications.
☆ 2View skill
GitHub
nativewind-patterns
NativeWind (Tailwind CSS for React Native) styling patterns. Use when styling mobile components.
☆ 2View skill
GitHub
components
UI component patterns for React 19, shadcn/ui, and Tailwind. Use when working on files in src/components/.
☆ 2View skill
GitHub
tailwind-css
Comprehensive Tailwind CSS utility framework patterns including responsive design, dark mode, custom themes, and layout systems. Use when styling React/Next.js applications with utility-first CSS.
☆ 2View skill
GitHub
shadcn
Comprehensive shadcn/ui component library with theming, customization patterns, and accessibility. Use when building modern React UIs with Tailwind CSS. IMPORTANT - Always use MCP server tools first when availa...
☆ 2View skill
GitHub
react-you-might-not-need-an-effect
Guide for writing React code without unnecessary useEffect. Use when writing or editing React components. Avoid anti-patterns like derived state, chained state updates, and event handlers in effects.
☆ 2View skill
GitHub
react-19
React 19.x development patterns and APIs. Use when building React applications with React 19+ features including Actions (useTransition with async), useActionState, useFormStatus, useOptimistic, use() API, Form...
☆ 2View skill
GitHub
react-to-taro
Transpile React Web applications (v18+) into Taro 4.x code optimized for WeChat Mini Program. Use this skill when converting React components, pages, or utilities to Taro-compatible code with proper JSX element...
☆ 2View skill
GitHub
panel-dashboards
Master interactive dashboard and application development with Panel and Param. Use this skill when building custom web applications with Python, creating reactive component-based UIs, handling file uploads and...
☆ 2View skill
GitHub
react-ui
Apply React patterns and conventions when working on UI components. Use when editing files in src/ui/, creating React components, or discussing state management. Auto-apply for JSX files.
☆ 2View skill
GitHub
tailwindcss
Style React components with Tailwind CSS v4 utility classes. Use when styling UI components, applying responsive designs, theming, or working with CSS-in-JS patterns. Covers v4 CSS-first configuration, @theme d...
☆ 2View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
☆ 2View skill
GitHub
tanstack-start
TanStack Start full-stack React framework. Use for: server functions with createServerFn, TanStack Router file-based routing, TanStack Query SSR integration, Cloudflare Workers deployment.
☆ 2View skill
Popular categories
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.