Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
This skill should be used when the user asks about "useMutation", "mutations", "query invalidation", "optimistic updates", "cache updates", "setQueryData", "invalidateQueries", "onMutate", "onSettled", or needs...
This skill should be used when the user asks about "type-safe React Query", "queryOptions typing", "Zod validation", "TypeScript with TanStack Query", "generic useQuery", "DataTag", "infer query types", or need...
Complete guide to Next.js 16 features, breaking changes, and migration from v15. Use when building new Next.js projects or upgrading existing ones to leverage Turbopack, Cache Components, and latest performance...
SwiftUI component expert for building reusable views, custom modifiers, and view compositions. Use when creating new SwiftUI views, refactoring UI code, or building watchOS-specific interfaces.
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,...
React component patterns with Ark UI, forwardRef, and TypeScript for the design system
Patterns for creating Panda CSS recipes with variants, compound variants, and M3 styling
Guide for refactoring complex React/Next.js components to be clean, modular, and maintainable. Use when code is too long (>200 lines), complex, or hard to maintain.
通用编程助手 - 强制使用简体中文进行所有沟通，包括计划、思考过程、步骤、代码注释和文档。在涉及特定语言或工具（如 JavaScript, Vue 3, Node.js 包管理）时，会自动加载对应的专业规范。
Verify accessibility (WCAG 2.1 Level AA) of React components. Use when creating UI components, forms, or when the user requests accessibility verification.
This skill should be used when the user asks to "build UI", "create interface", "design components", "implement frontend", or needs guidance on building accessible, performant interfaces with proper animation,...
React UI component specialist with Tailwind CSS and shadcn/ui for building responsive, accessible interfaces
TanStack Start specialist for file-based routing, SSR, and server functions with React
Transform app ideas into shippable MVPs using a ship-fast, validate-early approach. Use when the user wants to: (1) Turn an idea into a PRD, (2) Generate Claude Code starter prompts, (3) Make product decisions...
Modern UI design system ensuring clean, professional interfaces. Use when creating ANY UI component, webpage, React component, HTML artifact, design mockup, or interface element. Provides design principles for...
Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, axios, React Query, SWR, error handling, caching strategies, offline support.
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling
Guidelines for creating API routes in Expo Router with EAS Hosting
Best practices for integrating GSAP animations in React applications using the @gsap/react hook.
Strict guidelines for building UI components, pages, and layouts. Ensures adherence to brand-identity tokens, technical constraints, and performance standards.
Scaffold a new custom React hook inside an existing feature module, with templates for data fetching, state management, or utility hooks, and update the feature hooks barrel export.
Scaffold a new React Context module inside an existing feature using the Context + useReducer pattern (state, actions, reducer, context, provider, and barrel exports).
Scaffold a new presentational (dumb) component inside an existing feature module, with optional state variants, using shadcn/ui primitives.
UI/UX specialist for Faiston One Platform. Use for component design, accessibility, responsive layouts, and design system guidance.
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.