tooling-setup

Set up a React 19 project by configuring Vite with TypeScript strict mode, Biome for linting and formatting, and Vitest with React Testing Library for testing. This Skill automates the creation of vite.config.ts, tsconfig.json, biome.json, and vitest.config.ts, installing all required dependencies and project scripts in one step.

Yes. Biome replaces both ESLint and Prettier with a unified, faster linting and formatting tool. This Skill configures Biome for React 19 projects, delivering a single biome.json configuration file that handles all code quality and formatting needs without dual tooling.

Configure TypeScript with strict: true, noUncheckedIndexedAccess, and verbatimModuleSyntax enabled. This Skill generates a production-ready tsconfig.json with these strict options pre-applied to React 19 projects, ensuring robust type safety from project initialization.

Configure Vitest with jsdom environment and React Testing Library for component and unit testing. This Skill creates vitest.config.ts and vitest-setup.ts files, installs testing dependencies, and provides ready-to-use test infrastructure for React 19 projects.

This tooling applies to both new React 19 project scaffolds and updates to existing toolchains. The Skill configures Vite, TypeScript, Biome, and Vitest for projects at any stage, delivering all configuration artifacts and dependencies regardless of whether you're starting fresh or upgrading.

The Skill installs Vite, React 19, TypeScript, Biome, Vitest, React Testing Library, TanStack Router and React Query with devtools, axios, zod, and the Babel React compiler. It configures all tools and delivers complete vite.config.ts, tsconfig.json, biome.json, and vitest configuration files.