Does it support the React 19 Compiler?

Yes, it specifically includes rules to keep components 'compiler-friendly' and provides guidance on handling compiler flags.

How does it handle API synchronization?

The skill utilizes Apidog MCP to fetch the latest API specifications and automatically regenerates types to ensure the frontend always matches the backend contract.

What makes this different from a standard boilerplate?

Unlike a static boilerplate, this is a living set of instructions that guides Claude's behavior during the coding process, ensuring every new feature follows specific architectural rules.

Can I use this for Next.js projects?

This skill is specifically optimized for Single Page Applications (SPAs) using Vite and TanStack Router rather than the Next.js App Router.

Does it enforce a specific linting standard?

Yes, it integrates Biome for unified formatting and linting to maintain high code quality across the project.

React 19 Frontend Core Principles

Name: React 19 Frontend Core Principles
Author: tianzecn

bytianzecn

•

设计工具

Establishes production-ready architectural patterns and best practices for modern React 19 SPA development.

关于

This skill provides a comprehensive framework for building high-performance Single Page Applications using the React 19 ecosystem. It standardizes architectural decisions by enforcing a specific project structure, integrating the TanStack suite for routing and state management, and leveraging the React Compiler for automatic optimization. It is an essential guide for Claude when planning new projects, onboarding team members, or performing code reviews to ensure consistency and adherence to modern frontend standards.

主要功能

Optimizes for the React Compiler with pure component patterns
Standardizes testing workflows using Vitest and React Testing Library
Enforces a standardized React 19 SPA project structure
1 GitHub stars
Integrates TanStack Query and Router for robust state and navigation
Automates API type generation via Apidog MCP integration

使用场景

Refactoring existing React code to modern React 19 and TanStack standards
Onboarding developers to a standardized architectural framework
Scaffolding a new production-ready React 19 application with Vite

关于

主要功能

Optimizes for the React Compiler with pure component patterns
Standardizes testing workflows using Vitest and React Testing Library
Enforces a standardized React 19 SPA project structure
1 GitHub stars
Integrates TanStack Query and Router for robust state and navigation
Automates API type generation via Apidog MCP integration

使用场景

Refactoring existing React code to modern React 19 and TanStack standards
Onboarding developers to a standardized architectural framework
Scaffolding a new production-ready React 19 application with Vite