Developer Tools & Repos Agent Skills for Grok Build

Best practices for React/Next.js projects: component splitting, data fetching, performance, bundles, RSC, hydration, and routing.

React and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices…

When to activate: React performance optimization, bundle size, code splitting, lazy loading, profiler, memoization, concurrent features

Use destructured props in React component function parameters for better readability and type safety.

Audit React Query usage for best practices — key factories, staleTime, mutations, and server state ownership

Build applications with React Router in Framework, Data, Declarative, and unstable RSC modes.

When to activate: TanStack Router, React Router v6, file-based routing, route loaders, search params, type-safe navigation

When to activate: React Server Components, RSC, client boundary, streaming, Suspense, data fetching in RSC, server actions

React and Vite performance optimization guidelines.

Reads one exact managed repository worktree through its provider-issued locator.

Implement real-time features with WebSockets, Server-Sent Events, and long polling.

Look up a PR's base branch via gh, rebase that PR's head branch onto the latest base, resolve conflicts, force-push.

Fetch origin/master, rebase current branch onto it, resolve any merge conflicts, amend the commit, and force push.

Rebases a branch onto a base whose history was rewritten — force-pushed, squash-merged, or otherwise no longer sharing a common ancestor…

Use when building or reviewing an HTTP service's plumbing.

Reduce time-to-first-API-call (TTFAC) by optimizing every step of the developer onboarding journey.

Create GitHub pull requests with the gh CLI using the reductstore/.github PR template, then update CHANGELOG.md with the created PR ID and…

Use when code has grown complex, duplicated, or cluttered — clean up structure and remove dead code without changing observable behavior

Refactor avoidable React useEffect usage in Langfuse frontend code.

Identify and apply targeted refactoring improvements to existing code without changing behavior

Use when planning or executing safe refactoring.