القائمة
Jump to queryKey hook
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
| name | react-query-key-jump |
| description | Jump to queryKey hook |
| argument-hint | <queryKey> |
TanStack Query の queryKey 先頭文字列（例: getDrawing）から、その key を定義している useQuery / useInfiniteQuery の queryKey: 行へジャンプする。
When running this skill in Codex, translate Claude Code-only primitives before acting: AskUserQuestion -> chat/request_user_input, TodoWrite -> update_plan, Task/TaskCreate/TeamCreate/SendMessage -> spawn_agent/send_input/wait_agent when available and allowed, and EnterPlanMode/ExitPlanMode -> a concise chat plan plus explicit approval.
Resolve Read/Write/Edit/Bash/WebSearch/WebFetch to Codex file/shell/web tools, and map ~/.claude/... paths to ~/.agents/... or ~/.codex/... unless the task explicitly targets Claude Code.
When running this skill in Cursor Agent, translate Claude Code-only primitives before acting: AskUserQuestion -> AskQuestion; TodoWrite -> Cursor TodoWrite or an equivalent checklist; Task/TaskCreate/TeamCreate/SendMessage/multi-agent flows -> Cursor Task (subagents), parallel Tasks, or run_in_background when allowed (TeamCreate/SendMessage may have no exact match); EnterPlanMode/ExitPlanMode -> Plan mode (SwitchMode / CreatePlan) plus explicit user approval.
Resolve Read/Write/Edit/StrReplace/Bash/web/search/MCP via Cursor Composer or Agent equivalents. MCP names written as mcp__server__tool typically map to call_mcp_tool with configured server identifiers. Map ~/.claude/... to ~/.cursor/skills/, .cursor/skills/, and .cursor/rules/ unless the task explicitly targets Claude Code.
/react-query-key-jump <queryKey>
/react-query-key-jump getDrawing → src/apis/drawings/useDrawingQuery.ts:34getDrawing のみ渡す）bash ~/.agents/skills/react-query-key-jump/scripts/find-query-key.sh <queryKey>
（Claude Code: ~/.claude/skills/...、Cursor: ~/.cursor/skills/... または .cursor/skills/... に symlink される）
src/apis 以外）:REACT_QUERY_APIS_DIR=src/api bash ~/.agents/skills/react-query-key-jump/scripts/find-query-key.sh <queryKey>
出力の解釈:
path/to/useFooQuery.ts:34: queryKey: [...]（定義元のみ）not_found … typo / 別名を疑い確認ジャンプの提示（必ず両方）:
@src/apis/.../useFooQuery.ts:34Read して startLine:endLine:path 形式複数ヒット → 一覧を出し、どれが正か確認（通常 1 件）
| 項目 | 内容 |
|---|---|
| key の位置 | queryKey 配列の 先頭 がエンドポイント名 |
| 定義の本体 | src/apis/**/use*Query*.ts / use*InfiniteQuery*.ts（要 rg） |
| 非定義の使用 | invalidateQueries, setQueryData 等は ジャンプ先ではない |
rg -n "queryKey:\s*\[\s*'<queryKey>'" src/apis --glob 'use*.ts'
rg -n "^\s*'<queryKey>',?\s*$" src/apis --glob 'use*.ts'
invalidateQueries / useIsFetching だけの行を定義元として提示しないuseDrawingQuery）で検索しない — その場合は Glob で hook ファイルを探すCreate a GitHub PR for completed work, then run coderabbit-resolver through review, CI, merge, and cleanup. Use when: the user asks for PR creation followed by CodeRabbit resolution. Keywords: create PR, CodeRabbit, merge.
Secure pnpm GitHub Actions CI
Live onboarding tour of newly implemented code. Combines /deep-trace, the vscode-debug-mcp bridge, and playwright-cli to run the target app in a debug session, drive the UI, pause at curated breakpoints inside the new code, and narrate "this modal is the newly created one" — mapping every UI moment to the exact file:line. Use when the user wants to understand where and how AI-written feature code executes in the running application ("どの UI / どのロジックで動くのか分からない", "オンボーディングして", "/feature-tour").
Screenshot UI defect lint
Debug Claude Code plugins
Record a web or Electron-renderer flow as an annotated video with playwright-cli, then extract frames to confirm how it actually looks. Use when the user points at a flow to capture — "record that part", "あそこの部分", "この一連の動作", "動作確認して録画して", QA-ing a screen's motion/behavior, or proving a web / Electron-renderer interaction works on video. For analyzing a clip you were handed or generic cross-surface motion verification, use the `video` skill; for native macOS chrome (menu / tray / dock / traffic-lights) use computer-use — playwright cannot see those.