react-tanstack-testing

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'.

跳到安装查看文件

仓库: greyhaven-ai/claude-code-config
最近来源活动: 2026年4月17日 23:11
检测到的 SKILL.md 语言: 英语
星标: 30
Forks: 5

安装方式

默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。

用 AI 助手安装

复制这段 Prompt，发给你正在使用的 AI 助手。

Follow https://skillsmp.com/skill-install/prompt.md to install only the Agent Skill at https://github.com/greyhaven-ai/claude-code-config/tree/main/grey-haven-plugins/testing/skills/react-tanstack-testing.

直接命令不会经过审查 Prompt；运行前请先检查来源。

npx skills add https://github.com/greyhaven-ai/claude-code-config --skill react-tanstack-testing

命令会保持在同一行。复制前请横向滚动并检查完整内容。

想先保存到本地？可下载 SkillsMP 当前能够提供的文件。

检查来源文件

决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。

文件资源管理器

11 个文件

SKILL.md

来源说明 · 只读预览

name: react-tanstack-testing
description: 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'.
skills: ["tanstack-patterns","testing-strategy","code-style"]
allowed-tools: ["Read","Write","MultiEdit","Bash","Grep","Glob","TodoWrite"]

# 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

在 GitHub 查看

返回搜索返回安装

code-quality-analysis

Multi-mode code quality analysis covering security reviews (OWASP Top 10), clarity refactoring (readability rules), synthesis analysis (cross-file issues), and DDD/DRY lenses (flags mechanical naming, primitive obsession, domain rules leaking into infrastructure, and premature abstractions via the three-occurrences-same-concept rule). Supports team-mode parallel analysis when invoked from quality-pipeline. Use when reviewing code for security vulnerabilities, improving code readability, conducting quality audits, pre-deployment checks, or when user mentions 'code quality', 'code review', 'security review', 'refactoring', 'code smell', 'OWASP', 'code clarity', 'primitive obsession', 'value object', 'ubiquitous language', 'DRY', 'premature abstraction', or 'quality audit'.

2026-04-19

performance-optimization

Comprehensive performance analysis and optimization for algorithms (O(n²)→O(n)), databases (N+1 queries, indexes), React (memoization, virtual lists), bundles (code splitting), API caching, and memory leaks. 85%+ improvement rate. Use when application is slow, response times exceed SLA, high CPU/memory usage, performance budgets needed, or when user mentions 'performance', 'slow', 'optimization', 'bottleneck', 'speed up', 'latency', 'memory leak', or 'performance tuning'.

2026-04-19

api-design-standards

Design RESTful APIs following Grey Haven standards - FastAPI routes, Pydantic schemas, HTTP status codes, pagination, filtering, error responses, OpenAPI docs, and multi-tenant patterns. Use when creating API endpoints, designing REST resources, implementing server functions, configuring FastAPI, writing Pydantic schemas, setting up error handling, implementing pagination, or when user mentions 'API', 'endpoint', 'REST', 'FastAPI', 'Pydantic', 'server function', 'OpenAPI', 'pagination', 'validation', 'error handling', 'rate limiting', 'CORS', or 'authentication'.

2026-04-19

查看这个仓库的全部 Skills

react-tanstack-testing

来源信息

安装方式

用 AI 助手安装

检查来源文件

同仓库更多 Skills

用 AI 助手安装

同仓库更多 Skills