nuqs

Official

Type-safe URL state for React apps.

Authornoklip-io
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides a type-safe approach to managing URL query parameters in React apps, enabling reliable, readable, and testable state synced with the browser URL.

Core Features & Use Cases

  • URL-based state management: Use hooks like useQueryState and useQueryStates to mirror UI state in the URL.
  • Adapter-first workflow: Works with Next.js, Remix, React Router, or plain React via dedicated adapters.
  • Server Components support: Supports server-side patterns with createSearchParamsCache for server access.

Quick Start

Wrap your app with the NuqsAdapter and start using useQueryState to bind URL params to UI state.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nuqs
Download link: https://github.com/noklip-io/agent-skills/archive/main.zip#nuqs

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.