tooling-setup
OfficialConfigure React 19 dev tools, effortlessly.
AuthorMadAppGang
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Setting up and configuring a modern React 19 development environment with TypeScript, Vite, linting, and testing can be complex and time-consuming. This Skill provides production-ready configurations.
Core Features & Use Cases
- Vite + React 19: Configure Vite with
@vitejs/plugin-reactandbabel-plugin-react-compilerfor automatic optimization. - Strict TypeScript: Set up
tsconfig.jsonwithstrict: true,noUncheckedIndexedAccess, andverbatimModuleSyntaxfor robust type safety. - Biome Integration: Replace ESLint and Prettier with Biome for fast, unified linting and formatting.
- Vitest Testing: Configure Vitest with
jsdomenvironment and React Testing Library for efficient unit and component testing. - Use Case: Initialize a new React 19 project with all the recommended tooling, ensuring strict type checking, automatic code formatting, and a robust testing setup from day one.
Quick Start
Use the tooling-setup skill to configure Vite, TypeScript, Biome, and Vitest for a new React 19 project.
Dependency Matrix
Required Modules
reactreact-domvite@vitejs/plugin-reacttypescript@biomejs/biomebabel-plugin-react-compilervitest@testing-library/react@testing-library/jest-dom@testing-library/user-eventjsdommsw@tanstack/react-query@tanstack/react-router@tanstack/router-plugin@tanstack/react-query-devtoolsaxioszod
Components
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: tooling-setup Download link: https://github.com/MadAppGang/claude-code/archive/main.zip#tooling-setup Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.