GitHub
react-state-management
Apply when deciding state management approach: local state, context, Zustand for client state, or TanStack Query for server state.
☆ 1查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
testing-react-testing-lib
Apply when testing React components: rendering, user interactions, and accessibility-focused testing.
☆ 1查看技能
GitHub
nextjs-server-components
When building Next.js App Router pages and deciding between Server and Client Components.
☆ 1查看技能
GitHub
react-hooks
Apply when managing state, side effects, context, or refs in React functional components. **React 19+ Note**: React 19.x introduced new hooks for forms/actions (useActionState, useOptimistic, useFormStatus) and...
☆ 1查看技能
GitHub
react-performance
Apply when diagnosing slow renders, optimizing list rendering, or preventing unnecessary re-renders in React applications.
☆ 1查看技能
GitHub
nextjs-app-router
Apply when building Next.js 13-16 applications with App Router for routing, layouts, data fetching, and server components.
☆ 1查看技能
GitHub
nextjs-data-fetching
Apply when fetching data in Next.js App Router: server components, caching strategies, revalidation, and streaming.
☆ 1查看技能
GitHub
nextjs-server-actions
When handling form submissions, data mutations, or any action that modifies server-side data. **Version Context**: Next.js 16.0+ uses `useActionState` (replaces deprecated `useFormState`).
☆ 1查看技能
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, or applications. Generates creative, polished code that avoid...
☆ 1查看技能
GitHub
xpod-componentsjs
Xpod Components.js 变量和组件配置专家，处理 CLI 参数、变量解析、组件配置等问题
☆ 1查看技能
GitHub
xpod-componentsjs
Xpod Components.js 变量和组件配置专家，处理 CLI 参数、变量解析、组件配置等问题
☆ 1查看技能
GitHub
nextjs
Provides Next.js project architecture expertise and implementation patterns. Enforces BFF (Backend for Frontend) pattern, Server Components strategy, and data fetching policies. Specializes in App Router archit...
☆ 1查看技能
GitHub
react
Provides React component development standards and best practices. Ensures component quality through proper hooks usage, state management patterns, and performance optimization techniques. Specializes in functi...
☆ 1查看技能
GitHub
svelte-5-runes
Complete guide for Svelte 5 runes ($state, $derived, $effect, $props, $bindable). Use for any Svelte 5 project or when code contains $ prefixed runes. Essential for reactive state management, computed values, s...
☆ 1查看技能
GitHub
composable-svelte-deployment
Production deployment patterns for Composable Svelte SSR applications. Use when deploying to Fly.io, Docker, or any cloud platform. Covers multi-stage Docker builds, Fly.io configuration, security hardening, pe...
☆ 1查看技能
GitHub
composable-svelte-core
Core architecture patterns for Composable Svelte. Use when creating stores, writing reducers, working with effects, composing reducers, or implementing business logic. Covers the Store-Reducer-Effect trinity, a...
☆ 1查看技能
GitHub
composable-svelte-forms
Form patterns and validation for Composable Svelte. Use when building forms, validating user input, or integrating Zod schemas. Covers FormConfig, createFormReducer, field-level validation, async validation, fo...
☆ 1查看技能
GitHub
composable-svelte-graphics
3D graphics and WebGPU/WebGL rendering with Composable Svelte. Use when building 3D scenes, working with cameras, lights, meshes, materials, or implementing WebGPU/WebGL graphics. Covers Scene, Camera, Light, M...
☆ 1查看技能
GitHub
composable-svelte-i18n
Internationalization (i18n) system for Composable Svelte. Use when implementing multi-language support, translations, date/number formatting, locale detection, or localizing applications. Covers translation loa...
☆ 1查看技能
GitHub
composable-svelte-ssr
Server-side rendering patterns for Composable Svelte. Use when implementing SSR, hydration, server rendering, isomorphic code, or working with meta tags and SEO. Covers renderToHTML, hydrateStore, server-side r...
☆ 1查看技能
GitHub
composable-svelte-navigation
Navigation and animation patterns for Composable Svelte. Use when implementing modals, sheets, drawers, alerts, navigation flows, or component lifecycle animations. Covers state-driven navigation, PresentationS...
☆ 1查看技能
GitHub
composable-svelte-charts
Data visualization and chart components for Composable Svelte. Use when creating charts, graphs, or data visualizations. Covers chart types (scatter, line, bar, area, histogram), data binding, state-driven upda...
☆ 1查看技能
GitHub
composable-svelte-maps
Interactive maps and geospatial visualizations for Composable Svelte. Use when implementing maps, geolocation, markers, overlays, or geospatial data visualization. Covers Map component, markers, popups, GeoJSON...
☆ 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 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。