Total 30,438 skills, Frontend Development has 2999 skills
Showing 12 of 2999 skills
Use when animation feels wrong, creates unintended emotional response, or mismatches context
Use when creating animations that convey luxury, refinement, or premium brand experiences.
React Query v4 (TanStack Query) best practices, patterns, and troubleshooting. Use when working with useQuery, useMutation, query invalidation, caching, WebSocket integration, or any async state management in React. Based on TkDodo's comprehensive blog series.
Transpile React Web applications (v18+) into Taro 4.x code optimized for WeChat Mini Program. Use this skill when converting React components, pages, or utilities to Taro-compatible code with proper JSX element mapping, event handler transformation, navigation/routing conversion, and API shim layer.
Add product analytics events to track user interactions in the Metabase frontend
Implement scalable CSS architecture patterns - BEM, SMACSS, ITCSS, design tokens
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
Migrate React applications from React Router to TanStack Router with file-based routing. Use when user requests: (1) Router migration, (2) TanStack Router setup, (3) File-based routing implementation, (4) React Router replacement, (5) Type-safe routing, or mentions 'migrate router', 'tanstack router', 'file-based routes'.
前端开发规范，包含 Vue 3 编码规范、UI 风格约束、TypeScript 规范等
Integrate and embed OpenAI ChatKit UI into TypeScript/JavaScript frontends (Next.js, React, or vanilla) using either hosted workflows or a custom backend (e.g. Python with the Agents SDK). Use this Skill whenever the user wants to add a ChatKit chat UI to a website or app, configure api.url, auth, domain keys, uploadStrategy, or debug blank/buggy ChatKit widgets.
Refine.dev headless React framework for CRUD apps: data providers, resources, routing, authentication, hooks, and forms.
Automates creation of MobX State Tree stores following Fitness Tracker App patterns for domain models, collections, and root store integration. Use when creating new MST stores, models, or extending existing store functionality with proper TypeScript typing, actions, views, and integration patterns.