What specific technologies does this skill support?

It supports a modern stack including React, Vite, Tailwind CSS v4, Bun, Zod, React Query, ShadCN, and Turborepo.

Can it help refactor class components?

Yes, the skill is specifically programmed to convert legacy class components into modern functional components with hooks and React Query.

How does it handle data fetching?

It prefers React Query (TanStack Query) for server state management and uses Zod for runtime schema validation of API responses.

Does it follow a specific coding style?

Yes, it strictly uses const exports, React.FC types, kebab-case file naming, and ESM-only modules for consistency and maintainability.

React Stack Engineer

Name: React Stack Engineer
Author: macalinao

bymacalinao

Design Tools

Builds and refactors production-grade React applications using a modern stack featuring Tailwind CSS v4, Vite, and TypeScript.

About

The React Stack Engineer skill transforms Claude into a specialized senior frontend developer focused on high-quality, type-safe React development. It enforces a strict architectural pattern using Vite, Tailwind v4, Bun, and ShadCN components while ensuring absolute type safety via Zod and TypeScript. This skill is ideal for developers working in monorepos like Turborepo who require consistent component structures, ESM-only modules, and robust server-state management through React Query.

Key Features

Enforces strict TypeScript patterns and React.FC component definitions
0 GitHub stars
Implements styling using the latest Tailwind CSS v4 features
Manages server state and API validation with React Query and Zod
Standardizes file organization with kebab-case naming and ESM-only modules
Automates component creation using ShadCN UI building blocks

Use Cases

Implementing robust data-fetching layers with React Query and Zod schema validation
Building type-safe design systems using ShadCN and TypeScript in a Turborepo environment
Modernizing legacy React components to functional patterns with Vite and Tailwind v4

About

Key Features

Enforces strict TypeScript patterns and React.FC component definitions
0 GitHub stars
Implements styling using the latest Tailwind CSS v4 features
Manages server state and API validation with React Query and Zod
Standardizes file organization with kebab-case naming and ESM-only modules
Automates component creation using ShadCN UI building blocks

Use Cases

Implementing robust data-fetching layers with React Query and Zod schema validation
Building type-safe design systems using ShadCN and TypeScript in a Turborepo environment
Modernizing legacy React components to functional patterns with Vite and Tailwind v4