GitHub
react-hooks-patterns
Use when React Hooks patterns including useState, useEffect, useContext, useMemo, useCallback, and custom hooks. Use for modern React development.
☆ 75查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
jutsu-react-nativereact-native-navigation
Use when implementing navigation in React Native apps with React Navigation. Covers stack, tab, drawer navigation, deep linking, and navigation patterns.
☆ 75查看技能
GitHub
typescript-utility-types
Use when typeScript utility types, mapped types, and advanced type manipulation. Use when creating flexible, type-safe TypeScript code.
☆ 75查看技能
GitHub
vue-composition-api
Use when Vue 3 Composition API with reactive refs, computed, and composables. Use when building modern Vue 3 applications.
☆ 75查看技能
GitHub
elegant-design
Create world-class, accessible, responsive interfaces with sophisticated interactive elements including chat, terminals, code display, and streaming content. Use when building user interfaces that need professi...
☆ 75查看技能
GitHub
discover-frontend
Automatically discover frontend development skills when working with React, Next.js, UI components, state management, data fetching, forms, accessibility, performance optimization, or SEO. Activates for fronten...
☆ 75查看技能
GitHub
state-management
State management patterns - Zustand, Jotai, Context
☆ 72查看技能
GitHub
data-fetching
Data fetching with TanStack Query, loading states, and error handling
☆ 72查看技能
GitHub
form-patterns
Form handling with React Hook Form and Zod validation
☆ 72查看技能
GitHub
component-patterns
React component patterns for reusable, maintainable code
☆ 72查看技能
GitHub
nextjs-anti-patterns
Identify and fix common Next.js App Router anti-patterns and mistakes. Use when reviewing code for Next.js best practices, debugging performance issues, migrating from Pages Router patterns, or preventing commo...
☆ 70查看技能
GitHub
nextjs-app-router-fundamentals
Guide for working with Next.js App Router (Next.js 13+). Use when migrating from Pages Router to App Router, creating layouts, implementing routing, handling metadata, or building Next.js 13+ applications. Acti...
☆ 70查看技能
GitHub
nextjs-server-client-components
Guide for choosing between Server Components and Client Components in Next.js App Router. CRITICAL for useSearchParams (requires Suspense + 'use client'), navigation (Link, redirect, useRouter), cookies/headers...
☆ 70查看技能
GitHub
nextjs-advanced-routing
Guide for advanced Next.js App Router patterns including Route Handlers, Parallel Routes, Intercepting Routes, Server Actions, error boundaries, draft mode, and streaming with Suspense. CRITICAL for server acti...
☆ 70查看技能
GitHub
nextjs-server-navigation
Guide for implementing navigation in Next.js Server Components using Link component and redirect() function. Covers the difference between server and client navigation methods. Use when adding links, redirects,...
☆ 70查看技能
GitHub
nextjs-dynamic-routes-params
Guide for Next.js App Router dynamic routes and pathname parameters. Use when building pages that depend on URL segments (IDs, slugs, nested paths), accessing the `params` prop, or fetching resources by identif...
☆ 70查看技能
GitHub
nextjs-use-search-params-suspense
Pattern for using useSearchParams hook with Suspense boundary in Next.js. Covers the required combination of 'use client' directive and Suspense wrapper when accessing URL query parameters in client components....
☆ 70查看技能
GitHub
nextjs-pathname-id-fetch
Focused pattern for fetching data using URL parameters in Next.js. Covers creating dynamic routes ([id], [slug]) and accessing route parameters in server components to fetch data from APIs. Use when building pa...
☆ 70查看技能
GitHub
frontend
Build React components, responsive layouts, and handle state management. Use for UI development, styling, or frontend performance.
☆ 69查看技能
GitHub
javascript
Write modern JavaScript with ES6+, async patterns, and Node.js. Use for JS development, async debugging, or optimization.
☆ 69查看技能
GitHub
mobile
Develop React Native or Flutter apps with native integrations. Use for mobile development, cross-platform code, or app optimization.
☆ 69查看技能
GitHub
mockup-extraction
Extract reusable components from approved HTML mockups during implementation. Identifies patterns, maps CSS to Tailwind, and populates prototype-patterns.md for visual fidelity. Use at start of /implement for U...
☆ 68查看技能
GitHub
shadcn-integration
Integration guide for shadcn/ui components with OKLCH design tokens. Use when setting up shadcn, customizing themes, or adding components to Next.js projects. Auto-trigger on /init --tokens --shadcn flag.
☆ 68查看技能
GitHub
shadcn
shadcn/ui component library patterns with Radix UI primitives and Tailwind CSS. Use when creating tables, forms, dialogs, cards, buttons, or any UI component using shadcn/ui, installing shadcn components, or st...
☆ 65查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。