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

0•

Herramientas para Desarrolladores

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.

Características Principales

01Integrates Apidog MCP for automated, type-safe API client generation from OpenAPI specs.

02Standardizes file-based routing and data prefetching with TanStack Router.

03Enforces React 19 Compiler-friendly patterns and pure UI component structures.

040 GitHub stars

05Automates linting and formatting workflows using Biome and strict TypeScript configurations.

06Defines a scalable feature-based folder organization for complex applications.

Casos de Uso

01Scaffolding and architecting new production-grade React 19 projects.

02Auditing existing codebases for alignment with modern React and TanStack best practices.

03Onboarding developers to a standardized frontend stack and execution workflow.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add involvex/involvex-claude-marketplace core-principles

For use in Claude.ai and ChatGPT

Download Skill