nuqs
✓React에서 URL 쿼리 상태를 구현하거나, 검색 매개변수를 관리하거나, 상태를 URL과 동기화하거나, 필터링 가능/정렬 가능한 목록 작성, URL 상태로 페이지 매김 또는 Next.js, Remix, React Router 또는 일반 React에서 nuqs/useQueryState/useQueryStates 후크를 사용할 때 사용합니다.
SKILL.md
Type-safe URL query state management for React. Like useState, but stored in the URL.
| parseAsString | string | ?q=hello | | parseAsInteger | number | ?page=1 | | parseAsFloat | number | ?price=9.99 | | parseAsHex | number | ?color=ff0000 | | parseAsBoolean | boolean | ?active=true | | parseAsIsoDateTime | Date | ?date=2024-01-15T10:30:00Z | | parseAsTimestamp | Date | ?t=1705312200000 | | parseAsArrayOf(parser) | T[] | ?tags=a,b,c |
| parseAsArrayOf(parser, ';') | T[] | ?ids=1;2;3 (custom separator) | | parseAsJson () | T | ?data={"key":"value"} | | parseAsStringEnum(values) | enum | ?status=active | | parseAsStringLiteral(arr) | literal | ?sort=asc | | parseAsNumberLiteral(arr) | literal | ?dice=6 |
React에서 URL 쿼리 상태를 구현하거나, 검색 매개변수를 관리하거나, 상태를 URL과 동기화하거나, 필터링 가능/정렬 가능한 목록 작성, URL 상태로 페이지 매김 또는 Next.js, Remix, React Router 또는 일반 React에서 nuqs/useQueryState/useQueryStates 후크를 사용할 때 사용합니다. 출처: noklip-io/agent-skills.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/noklip-io/agent-skills --skill nuqs- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
nuqs이란?
React에서 URL 쿼리 상태를 구현하거나, 검색 매개변수를 관리하거나, 상태를 URL과 동기화하거나, 필터링 가능/정렬 가능한 목록 작성, URL 상태로 페이지 매김 또는 Next.js, Remix, React Router 또는 일반 React에서 nuqs/useQueryState/useQueryStates 후크를 사용할 때 사용합니다. 출처: noklip-io/agent-skills.
nuqs 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/noklip-io/agent-skills --skill nuqs 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/noklip-io/agent-skills
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01