What state management solution does it recommend?

The skill focuses on TanStack Query for server-state (data fetching) and Zustand for lightweight, boilerplate-free global client-state.

How does it handle Tailwind CSS configuration?

It is optimized for Tailwind v4, which utilizes a Vite plugin architecture, removing the need for a separate tailwind.config.js file.

Can I use this for routing?

The skill includes patterns for React Router 7, supporting modern data loading and action-based routing.

Does this skill support the latest React 19 features?

Yes, it includes guidance for React 19 specific features like Actions, the use() hook, and React Server Components (RSC) patterns.

Is this skill compatible with TypeScript?

Yes, it is strictly built for TypeScript, providing patterns for typed props, polymorphic components, and custom hooks.

React Frontend Stack

Name: React Frontend Stack
Author: timequity

bytimequity

0•

Design Tools

Implements high-performance React applications using the modern 2025 stack including React 19, Vite, and Tailwind CSS v4.

The frontend-react skill provides a comprehensive blueprint for building modern, type-safe web applications using the latest industry standards. It streamlines development by enforcing best practices for React 19, managing server state with TanStack Query, and styling with Tailwind CSS v4's Vite-native architecture. Whether you are setting up a new project structure, implementing complex polymorphic components, or managing global state with Zustand, this skill ensures your frontend code remains maintainable, performant, and aligned with current 2025 development patterns.

Key Features

010 GitHub stars

02Type-safe component patterns including polymorphic and functional components

03Modern Tailwind CSS v4 utility-first styling implementation

04Production-ready TanStack Query patterns for efficient data fetching

05Automated React 19 and Vite project scaffolding

06Boilerplate-free state management using Zustand and custom hooks

Use Cases

01Refactoring legacy React components or Redux state into modern functional hooks and Zustand stores

02Bootstrapping a new TypeScript-based React application with a pre-configured Vite and Tailwind environment

03Implementing complex UI components with accessibility, proper props typing, and utility-first styling

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add timequity/plugins frontend-react

For use in Claude.ai and ChatGPT