frontend-react
React and Next.js frontend development skill combining project-specific patterns (SSR/CSR, theme, API) with Vercel's performance optimization best practices. Use for all React/Next.js work.
Skills correspondant au nom, à la description ou à l’auteur GitHub.
React and Next.js frontend development skill combining project-specific patterns (SSR/CSR, theme, API) with Vercel's performance optimization best practices. Use for all React/Next.js work.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement,...
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
Create distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications with React-based frameworks. Includes Tailwind CSS v4, shadcn/ui components, Motion animations,...
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
This skill should be used when the user asks to 'build a Next.js app', 'create a dashboard', 'design a landing page', 'build a SaaS frontend', 'create React components', 'style my app', 'design system', 'UI com...
Best practices for modern web development using Next.js (App Router), React, and Tailwind CSS.
Guide React component design for Budget Buddy using established design system (indigo/purple theme, rem spacing, React Bootstrap). Use when designing UI, creating components, styling, or writing frontend code.
Styling patterns for React web applications. Use when working with Tailwind CSS, CSS Modules, theming, responsive design, or component styling.
Expo Router navigation patterns for React Native. Use when implementing navigation, routing, deep links, tab bars, modals, or handling navigation state in Expo apps.
React Native authentication patterns for Expo apps. Use when implementing login flows, Google/Apple sign-in, token management, session handling, or debugging auth issues in Expo/React Native.
Authentication patterns for React web applications. Use when implementing login flows, OAuth, JWT handling, session management, or protected routes in React web apps.
React 19 patterns and breaking changes vs React 18. Trigger: When writing React 19 components/hooks in .tsx (ref as prop, new hooks, Actions, deprecations). If using Next.js App Router/Server Actions, also use...
React 19 patterns for MuebleriaIris interactive components. Trigger: When writing React components with hooks, forms, or state management.
Scans and updates project styling to adhere to the Super League "Dark Mode / Emerald Accent" design system. Use when the user requests style updates, UI polishing, or design system enforcement for Web (Tailwind...
Understanding frame nesting behavior in the Reactive FRP library. Use when: (1) triggers inside callbacks don't seem to propagate, (2) sample returns initial values instead of accumulated values, (3) foldDyn do...
Resolves React hook violations (rules of hooks, useEffect dependencies, hook ordering).
Zustand state management patterns optimized for games including persistence, undo/redo, time-travel debugging, subscriptions, and performance optimization. Use when designing game state architecture, implementi...
Generate a new React component following project conventions. Use when creating new components or UI features.
Styling patterns for React Native with NativeWind and BrandColors. Use when working with styles, themes, colors, responsive layouts, or platform-specific UI in Expo/React Native.
React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.
Handle localStorage CRUD operations in React apps. Use when building features that persist data to browser storage, manage client-side state, or need offline-capable storage.
청산 기도 메타 프로젝트의 프론트엔드 디자인 가이드. 새 컴포넌트 생성, UI 스타일링, 애니메이션 구현 시 사용. **트리거 조건:** - 새 React 컴포넌트 생성 요청 - UI 스타일링 또는 Tailwind CSS 관련 작업 - Framer Mot...
Complex multi-step operations in React. Use when implementing flows with multiple async steps, state machine patterns, or debugging flow ordering issues. Works for both React web and React Native.
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.