If you're managing state in the URL with nuqs, this gives you 42 prioritized rules across parser config, adapter setup, server integration, and performance optimization. The critical stuff (parser configuration, NuqsAdapter setup) comes first, then high-impact patterns for Server Components and useQueryStates, down to advanced topics like custom parsers and Standard Schema integration. Covers Next.js 15 async searchParams, limitUrlUpdates for debouncing, and the newer key isolation behavior in v2.5+. What's useful here is the priority ordering, so you're not treating clearOnDefault the same as getting your parser types right. Good reference when you're past the basics and need to know the correct way to handle controlled inputs or share parsers between client and server.

skills.sh installs
2.4K
GitHub stars
222
last updated
Aug 21, 2026

Install

$ npx -y skills add pproenca/dot-skills --skill nuqs --agent claude-code

Installs into .claude/skills of the current project.

Files

Community nuqs Best Practices for Next.js & React

Comprehensive guide for type-safe URL query state management with nuqs across Next.js, React Router, TanStack Router, Remix, and plain React. Covers nuqs v2.5–v2.9 features. Contains 39 rules across 8 categories, prioritized by impact to guide code generation, refactoring, and code review.

When to Apply

Reference these guidelines when:

  • Implementing URL-based state with nuqs
  • Setting up nuqs in a Next.js or React Router project
  • Configuring parsers for URL parameters
  • Integrating URL state with Server Components
  • Optimizing URL update performance (limitUrlUpdates, key isolation)
  • Sharing parser definitions with tRPC / TanStack Router / forms via Standard Schema
  • Debugging nuqs-related issues

Rule Categories by Priority

Sponsors

Details

Repository
github.com/pproenca/dot-skills
Categories
Frontend Development, Documentation, Code Review & Quality
First seen
Apr 16, 2026

More from pproenca/dot-skills

All 100
1josiahsiegel avatartailwindcss-animationsjosiahsiegel/claude-plugin-marketplaceTailwind CSS animations and transitions including built-in utilities and custom keyframes. PROACTIVELY activate for: (1) animate-* utilities (spin, ping, pulse,2.4Kskills.sh installs
2enzed avatarr3f-fundamentalsenzed/r3f-skillsReact Three Fiber fundamentals - Canvas, hooks (useFrame, useThree), JSX elements, events, refs. Use when setting up R3F scenes, creating components, handling t2.3Kskills.sh installs
3juliusbrussee avatarinterface-kitjuliusbrussee/skillsAuthoritative guide for implementing stunning, accessible, performant UI. Synthesizes design engineering philosophy, accessibility standards, animation principl2.3Kskills.sh installs
4nexu-io avatargsap-frameworksnexu-io/open-designOfficial GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when the user wants animation in Vue2.2Kskills.sh installs
5jezweb avatartanstack-startjezweb/claude-skillsBuild a full-stack TanStack Start app on Cloudflare Workers from scratch — SSR, file-based routing, server functions, D1+Drizzle, better-auth, Tailwind v4+shadc2.2Kskills.sh installs
6android avatarstylesandroid/skillsUse this skill to integrate the Jetpack Compose Styles API into an Android project. This skill guides you through upgrading dependencies, setting up component t2.2Kskills.sh installs