GitHub
tanstack-query
Use TanStack Query for data fetching and caching. Use when implementing queries, mutations, infinite queries, or cache invalidation.
☆ 1查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
tanstack-router
TanStack Router file-based routing. Use for routes, params, search params, navigation, loaders, auth guards, layouts, nested routes, redirect
☆ 1查看技能
GitHub
chatkit-js
Integrate OpenAI ChatKit React components into Next.js applications. Covers custom API backend configuration, theming, widget embedding, conversation history, and authentication integration.
☆ 1查看技能
GitHub
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...
☆ 1查看技能
GitHub
designing-layouts
Guides design decisions for a low-code CSS layout generator. Use this skill when the user asks for help with UI/UX choices, component architecture, layout presets, canvas interactions, or design system decision...
☆ 1查看技能
GitHub
design-system-expert
Complete knowledge of the SocioPulse V2 polymorphic design system including Tailwind CSS, CSS Variables, and component patterns.
☆ 1查看技能
GitHub
livewire-form
Create production-ready class-based Livewire v4 forms with validation, loading states, error handling, and Flux UI components (light mode only). Use this for data entry, user input, and CRUD operations.
☆ 1查看技能
GitHub
ui-ux-pro-max
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,...
☆ 1查看技能
GitHub
shadcn-ui
Build public-facing React pages with ShadCN UI components, Inertia.js, and the Algoma Jobs theme. Use for landing pages, auth pages (login, register, password reset), and all non-admin user interfaces.
☆ 1查看技能
GitHub
framer-motion
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.
☆ 1查看技能
GitHub
redux-patterns
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,...
☆ 1查看技能
GitHub
rest-api
WHAT: REST API data fetching with TanStack Query and OpenTelemetry tracing. WHEN: fetching non-GraphQL endpoints, implementing pagination, cache invalidation. KEYWORDS: REST, api, useFetch, useQuery, useInfinit...
☆ 1查看技能
GitHub
graphql-apollo-patterns
WHAT: Apollo Client v3.9.2 patterns for web GraphQL data fetching. WHEN: using useQuery, useMutation, managing cache, implementing pagination. KEYWORDS: apollo, graphql, useQuery, useMutation, cache, fetchMore,...
☆ 1查看技能
GitHub
redux-patterns-web
WHAT: Redux 4 patterns with selectors, reducers, and thunk actions for web. WHEN: accessing Redux store, creating state slices, dispatching actions. KEYWORDS: redux, selector, reducer, thunk, useSelector, useDi...
☆ 1查看技能
GitHub
react-query-v3-patterns
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...
☆ 1查看技能
GitHub
nextjs-routing
WHAT: Next.js Pages Router patterns with useRouter and query parameters. WHEN: client-side navigation, accessing URL params, programmatic routing. KEYWORDS: nextjs, router, useRouter, Link, query, navigate, rou...
☆ 1查看技能
GitHub
zest-components
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...
☆ 1查看技能
GitHub
tech-stack
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...
☆ 1查看技能
GitHub
zest-component-creation-web
WHAT: Create Zest design system components for web with BoxWithNewTokens, variants.ts, and component tokens. WHEN: building new Zest components from Figma, adding variants, creating reusable web UI. KEYWORDS: Z...
☆ 1查看技能
GitHub
web-accessibility
WHAT: Web accessibility with semantic HTML, ARIA attributes, and checkA11y testing. WHEN: forms, interactive elements, modals, dialogs, WCAG 2.1 AA compliance. KEYWORDS: ARIA, aria-label, semantic HTML, checkA1...
☆ 1查看技能
GitHub
frontend-architecture-expert
Expert knowledge of Next.js 14 App Router, dual-brand implementation, dashboard variants, and state management patterns.
☆ 1查看技能
GitHub
zest-integration
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...
☆ 1查看技能
GitHub
jotai-patterns
WHAT: Jotai v1.11.0 atomic state management with atoms and useAtom hook. WHEN: lightweight global state, modal/dialog state, form state across components. KEYWORDS: jotai, atom, useAtom, atomic, state, derived,...
☆ 1查看技能
GitHub
repository-loading
WHAT: Validate native repository data before rendering with RepositoryLoader. WHEN: blocking UI until data loads, validating required properties, handling data dependencies. KEYWORDS: RepositoryLoader, required...
☆ 1查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。