Back to Skills

grey-haven-react-tanstack-testing

verified

Specialized testing for React applications using TanStack ecosystem (Query, Router, Table, Form) with Vite and Vitest. Use when testing React + TanStack apps, mocking server state, testing router, or validating query behavior. Triggers: 'TanStack testing', 'React Query testing', 'test TanStack', 'mock query', 'router test'.

View on GitHub

Marketplace

grey-haven-plugins

greyhaven-ai/claude-code-config

Plugin

testing

Repository

greyhaven-ai/claude-code-config
17stars

grey-haven-plugins/testing/skills/react-tanstack-testing/SKILL.md

Last Verified

January 21, 2026

Install Skill

Select agents to install to:

Scope:
npx add-skill https://github.com/greyhaven-ai/claude-code-config/blob/main/grey-haven-plugins/testing/skills/react-tanstack-testing/SKILL.md -a claude-code --skill grey-haven-react-tanstack-testing

Installation paths:

Claude
.claude/skills/grey-haven-react-tanstack-testing/
Powered by add-skill CLI

Instructions

# React TanStack Testing Skill

Specialized testing for React applications using TanStack ecosystem (Query, Router, Table, Form) with Vite and Vitest.

## Description

Comprehensive testing patterns for modern React with TanStack libraries including server state management, routing, and data handling.

## What's Included

- **Examples**: TanStack Query tests, Router tests, Form validation
- **Reference**: Testing patterns, mocking strategies
- **Templates**: Test suites for TanStack components
- **Checklists**: React testing best practices

## Use When

- Testing React + TanStack Query applications
- Testing complex routing with TanStack Router
- Validating server state management

## Related Agents

- `react-tanstack-tester`
- `test-generator`

**Skill Version**: 1.0

Validation Details

Front Matter
Required Fields
Valid Name Format
Valid Description
Has Sections
Allowed Tools
Instruction Length:
768 chars

Issues Found:

  • name_directory_mismatch