Does this skill support the latest React 19 features?

Yes, it is specifically designed for React 19, providing patterns for RSC, Actions, and the new use() hook.

Can I use this for refactoring old React components?

Absolutely. The skill includes an 'Anti-patterns' guide to help you identify and transform legacy code (like Redux or CRA) into modern, performant alternatives.

How is Tailwind CSS v4 handled in this stack?

It utilizes the @tailwindcss/vite plugin for a faster, modern build process that removes the need for a legacy tailwind.config.js.

Which state management approach does the skill use?

The skill recommends Zustand for simple global state and TanStack Query for server-state, which is the current industry standard for reducing boilerplate.

Frontend React Stack

Name: Frontend React Stack
Author: timequity

bytimequity

0•

Design Tools

Accelerates modern React development using a high-performance stack featuring React 19, TypeScript, Tailwind CSS v4, and TanStack Query.

This skill provides a comprehensive environment for building production-grade React applications using the latest 2025 industry standards. It streamlines the creation of type-safe components, efficient state management with Zustand, and optimized data fetching with TanStack Query. By enforcing modern patterns like functional components, polymorphic UI elements, and Tailwind v4 integration via Vite, it helps developers avoid legacy anti-patterns while maintaining a clean, scalable project structure and a rapid development workflow.

Key Features

01Comprehensive library of polymorphic component patterns and custom utility hooks

02Native React 19 support including Server Components and Actions patterns

03Boilerplate-free global state management patterns using Zustand

04Standardized TanStack Query (React Query) implementation for caching and mutations

050 GitHub stars

06Tailwind CSS v4 integration with Vite-native configuration and zero-config CSS imports

Use Cases

01Migrating legacy React codebases to modern React 19, Tailwind v4, and ESM-native standards

02Scaffolding a new production-ready React application with a pre-configured Vite and TypeScript environment

03Building complex, type-safe UI component libraries with standardized project structures

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add timequity/plugins frontend-react

For use in Claude.ai and ChatGPT