react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
Skills matching the name, description or GitHub author.
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
React component patterns, Convex hooks, auth checks, loading states, design system classes. Use when creating React components, pages, or UI features.
Latest framework knowledge and best practices for building web apps using Tanstack start with React + Vite.
Writing modern and beautiful UIs using React, Typescript, Tailwind, and Shadcn
Internationalization patterns for web and mobile apps. Use when: adding multi-language support, translation structure, language switching. Do not use for: general React/Next.js patterns (use nextjs, expo-react-...
Expo/React Native project conventions and patterns. Use when: building cross-platform mobile apps with Expo, React Native screens, mobile-specific logic. Do not use for: UX decisions (use ux-design), token/comp...
Web performance patterns and Core Web Vitals optimization. Use when: optimizing load times, fixing CWV issues, code splitting. Do not use for: SEO (use seo skill), general React patterns (use nextjs skill). Wor...
Cria hooks React Query (queries e mutations) seguindo os padrões Bewear com invalidação de cache e integração com Server Actions.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, artifacts, posters, or applications (websites, landing pages, dashboards...
Use when building UI components, pages, or features - guides Claude through the approved frontend stack (Next.js 15, React 19, Shadcn, Tailwind) with design-first workflow for complex UIs, enforcing patterns an...
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
Use when "building React artifacts", "creating HTML artifacts", "bundling React apps", "single HTML file", or asking about "artifact builder", "shadcn components", "Tailwind artifacts"
React development patterns and best practices including hooks, state management, and performance optimization.
Convex 실시간 백엔드 전문가 - TypeScript 우선 reactive 패턴, optimistic updates, server functions. 실시간 협업 앱 구축 시 사용.
TypeScript 5.9+ 개발 전문가 - React 19, Next.js 16 App Router, tRPC, Zod 검증 및 최신 TypeScript 패턴
Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture
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...
Suite of tools for creating elaborate, multi-component Copilot.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, ro...
Standards React et frontend. Use when "react component", "frontend", "ui", "hook", "jsx".
Build modern React applications with TypeScript, Zustand, React Query/Axios, and React Router. Use when (1) creating a new React app with TypeScript, (2) setting up state management with Zustand or React Query,...
Expert-level JavaScript and React development. Use when asked to (1) write JavaScript code requiring advanced patterns like closures, proxies, generators, or async iterators, (2) build React applications with h...
React and frontend development patterns. Use when working with React components, hooks, state management, or frontend architecture.
Design React components following Tetris architecture guidelines. Use when creating new components, refactoring components, optimizing performance, or improving component structure. Auto-triggers on phrases lik...
Use when building or refactoring React/Next.js UI components, creating responsive layouts with Tailwind CSS, designing with shadcn/ui or Chakra UI, converting Figma designs to code, building Docusaurus document...
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.