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

0•

Design Tools

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

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

01Enforces strict TypeScript patterns and React.FC component definitions

020 GitHub stars

03Implements styling using the latest Tailwind CSS v4 features

04Manages server state and API validation with React Query and Zod

05Standardizes file organization with kebab-case naming and ESM-only modules

06Automates component creation using ShadCN UI building blocks

Use Cases

01Implementing robust data-fetching layers with React Query and Zod schema validation

02Building type-safe design systems using ShadCN and TypeScript in a Turborepo environment

03Modernizing legacy React components to functional patterns with Vite and Tailwind v4

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add macalinao/claude-plugin react-stack-engineer

For use in Claude.ai and ChatGPT

Download Skill