·accelint-tanstack-query-best-practices
</>

accelint-tanstack-query-best-practices

gohypergiant/agent-skills

Next.js App Router で QueryClient の構成、ミューテーションの実装、パフォーマンスのデバッグ、または @tanstack/react-query によるオプティミスティック更新の追加を行うときに使用します。ファクトリ パターン、クエリ キー、キャッシュの無効化、オブザーバーのデバッグ、HydrationBoundary、マルチレイヤー キャッシュをカバーします。キーワード TanStack Query、useSuspenseQuery、useQuery、useMutation、invalidateQueries、staleTime、gcTime、refetch、ハイドレーション。

15インストール·2トレンド·@gohypergiant

インストール

$npx skills add https://github.com/gohypergiant/agent-skills --skill accelint-tanstack-query-best-practices

SKILL.md

Expert patterns for TanStack Query in modern React applications with Next.js App Router and Server Components.

This skill uses progressive disclosure to minimize context usage. Load references based on your scenario:

Scenario 1: Setting Up Query Client MANDATORY - READ ENTIRE FILE: Read query-client-setup.md (125 lines) and server-integration.md (151 lines) completely for server/client setup patterns.

Next.js App Router で QueryClient の構成、ミューテーションの実装、パフォーマンスのデバッグ、または @tanstack/react-query によるオプティミスティック更新の追加を行うときに使用します。ファクトリ パターン、クエリ キー、キャッシュの無効化、オブザーバーのデバッグ、HydrationBoundary、マルチレイヤー キャッシュをカバーします。キーワード TanStack Query、useSuspenseQuery、useQuery、useMutation、invalidateQueries、staleTime、gcTime、refetch、ハイドレーション。 ソース: gohypergiant/agent-skills。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/gohypergiant/agent-skills --skill accelint-tanstack-query-best-practices
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-11
更新日
2026-02-18

クイックアンサー

accelint-tanstack-query-best-practices とは?

Next.js App Router で QueryClient の構成、ミューテーションの実装、パフォーマンスのデバッグ、または @tanstack/react-query によるオプティミスティック更新の追加を行うときに使用します。ファクトリ パターン、クエリ キー、キャッシュの無効化、オブザーバーのデバッグ、HydrationBoundary、マルチレイヤー キャッシュをカバーします。キーワード TanStack Query、useSuspenseQuery、useQuery、useMutation、invalidateQueries、staleTime、gcTime、refetch、ハイドレーション。 ソース: gohypergiant/agent-skills。

accelint-tanstack-query-best-practices のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/gohypergiant/agent-skills --skill accelint-tanstack-query-best-practices インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/gohypergiant/agent-skills