What does the Core Principles skill cover?

It provides a standardized architectural framework for React 19 apps, including stack selection, folder structure, and specific agent execution rules for consistent code generation.

Does it support automated testing?

Yes, the skill includes built-in rules for Vitest and React Testing Library (RTL) to ensure all new logic and components are covered by unit and integration tests.

Can I use this with existing projects?

Yes, it serves as an excellent reference for refactoring or auditing existing applications to meet modern React 19 and TanStack ecosystem standards.

How does it handle data fetching?

It mandates using TanStack Query via feature-specific hooks, ensuring UI components remain pure and data access is centralized and cached efficiently.

What is the role of Apidog MCP in this skill?

Apidog MCP acts as the single source of truth for API specifications, allowing the skill to automatically regenerate types and ensure frontend-backend alignment.

React 19 Core Principles

Name: React 19 Core Principles
Author: involvex

byinvolvex

개발자 도구

Establishes production-ready standards for React 19 SPA development using the TanStack ecosystem and API-first patterns.

소개

This skill provides a comprehensive architectural blueprint for building modern Single Page Applications with React 19, TypeScript, and Vite. It enforces a strict project structure that separates concerns between UI components and data fetching, leveraging TanStack Query for server state and TanStack Router for file-based routing. By integrating Apidog MCP for API truth and the React Compiler for automated optimization, it ensures developers follow high-performance, maintainable patterns while maintaining strict quality control through Biome and Vitest.

주요 기능

Integrates Apidog MCP for automated, type-safe API client generation from OpenAPI specs.
Standardizes file-based routing and data prefetching with TanStack Router.
Enforces React 19 Compiler-friendly patterns and pure UI component structures.
0 GitHub stars
Automates linting and formatting workflows using Biome and strict TypeScript configurations.
Defines a scalable feature-based folder organization for complex applications.

사용 사례

Scaffolding and architecting new production-grade React 19 projects.
Auditing existing codebases for alignment with modern React and TanStack best practices.
Onboarding developers to a standardized frontend stack and execution workflow.

소개

주요 기능

Integrates Apidog MCP for automated, type-safe API client generation from OpenAPI specs.
Standardizes file-based routing and data prefetching with TanStack Router.
Enforces React 19 Compiler-friendly patterns and pure UI component structures.
0 GitHub stars
Automates linting and formatting workflows using Biome and strict TypeScript configurations.
Defines a scalable feature-based folder organization for complex applications.

사용 사례

Scaffolding and architecting new production-grade React 19 projects.
Auditing existing codebases for alignment with modern React and TanStack best practices.
Onboarding developers to a standardized frontend stack and execution workflow.