무료GitHub에 공개

nuqs

Type-safe URL query state management with nuqs 2.x. Use when writing or reviewing code that uses useQueryState, useQueryStates, URL search params, query parameters, nuqs parsers, createLoader, createSearchParamsCache, createSerializer, or URL state in Next.js, React, Remix, React Router, or TanStack Router.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

fellipeutaka/website

설치 방법 보기

포함된 파일(43)

SKILL.md5.6 KB
references/advanced-adapter-props.md1.9 KB
references/advanced-eq-function.md1.5 KB
references/advanced-optimistic-search-params.md1.2 KB
references/advanced-standard-schema.md2.7 KB
references/advanced-url-keys.md1.5 KB
references/debug-common-errors.md1.8 KB
references/debug-enable-logging.md911 B
references/debug-testing.md3.1 KB
references/history-back-sync.md1.3 KB
references/history-push-navigation.md1.3 KB
references/history-replace-ephemeral.md1.3 KB
references/history-scroll-behavior.md1.3 KB
references/parser-array-format.md1.7 KB
references/parser-custom.md2.1 KB
references/parser-date-format.md1.8 KB
references/parser-enum-literals.md2.0 KB
references/parser-hex-colors.md691 B
references/parser-index-offset.md1.6 KB
references/parser-json-validation.md1.8 KB
references/parser-typed.md2.0 KB
references/parser-with-default.md1.6 KB
references/perf-avoid-rerender.md1.3 KB
references/perf-clear-on-default.md1.4 KB
references/perf-limit-url-updates.md2.6 KB
references/perf-serialize-utility.md1.8 KB
references/server-create-loader.md3.0 KB
references/server-next15-async.md1.8 KB
references/server-search-params-cache.md2.6 KB
references/server-shallow-false.md1.4 KB
references/server-share-parsers.md1.6 KB
references/server-use-transition.md1.6 KB
references/setup-adapter.md3.0 KB
references/setup-client-hooks.md1.7 KB
references/setup-server-imports.md1.6 KB
references/setup-shared-parsers.md1.9 KB
references/state-avoid-derived.md1.8 KB
references/state-clear-with-null.md1.2 KB
references/state-controlled-inputs.md1.3 KB
references/state-functional-updates.md1.4 KB
references/state-options-inheritance.md1.5 KB
references/state-setter-return.md1.1 KB
references/state-use-query-states.md2.0 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

nuqs Best Practices

Type-safe URL query state management with nuqs 2.x. Contains rules across 8 categories, prioritized by impact.

Rule Categories

Priority	Category	Impact	Prefix
1	Parser Configuration	CRITICAL	`parser-`
2	Adapter & Setup	CRITICAL	`setup-`
3	State Management	HIGH	`state-`
4	Server Integration	HIGH	`server-`
5	Performance	MEDIUM	`perf-`
6	History & Navigation	MEDIUM	`history-`
7	Debugging & Testing	LOW-MEDIUM	`debug-`
8	Advanced Patterns	LOW	`advanced-`

Quick Reference

1. Parser Configuration (CRITICAL)

parser-typed — Use typed parsers for non-string values
parser-with-default — Use withDefault for non-nullable state
parser-enum-literals — Use literal/enum parsers for constrained values
parser-array-format — Choose correct array parser format
parser-json-validation — Validate JSON parser with Standard Schema
parser-date-format — Select appropriate date parser
parser-index-offset — Use parseAsIndex for 1-based URL display
parser-hex-colors — Use parseAsHex for color values
parser-custom — Create custom parsers for complex types

2. Adapter & Setup (CRITICAL)

setup-adapter — Wrap app with correct NuqsAdapter
setup-client-hooks — Add 'use client' for hooks
setup-server-imports — Import server utilities from nuqs/server
setup-shared-parsers — Define shared parsers in a dedicated file

3. State Management (HIGH)

state-use-query-states — Use useQueryStates for related parameters
state-functional-updates — Use functional updates for derived state
state-clear-with-null — Clear URL parameters with null
state-controlled-inputs — Handle controlled input value properly
state-avoid-derived — Avoid derived state from URL parameters
state-options-inheritance — Use withOptions for parser-level config
state-setter-return — Use setter return value for URL access

4. Server Integration (HIGH)

server-create-loader — Use createLoader for page-level server parsing
server-search-params-cache — Use createSearchParamsCache for nested RSC access
server-shallow-false — Use shallow:false to trigger server re-renders
server-use-transition — Integrate useTransition for loading states
server-share-parsers — Share parsers between client and server
server-next15-async — Handle async searchParams in Next.js 15+

5. Performance (MEDIUM)

perf-limit-url-updates — Throttle/debounce URL updates
perf-clear-on-default — Use clearOnDefault for clean URLs
perf-avoid-rerender — Memoize components using URL state
perf-serialize-utility — Use createSerializer for link URLs

6. History & Navigation (MEDIUM)

history-push-navigation — Use history:push for navigation-like state
history-replace-ephemeral — Use history:replace for ephemeral state
history-scroll-behavior — Control scroll behavior on URL changes
history-back-sync — Handle browser back/forward navigation

7. Debugging & Testing (LOW-MEDIUM)

debug-enable-logging — Enable debug logging for troubleshooting
debug-common-errors — Diagnose common nuqs errors
debug-testing — Test components and hooks with URL state

8. Advanced Patterns (LOW)

advanced-url-keys — Use urlKeys for shorter URL param names
advanced-eq-function — Implement eq function for object parsers
advanced-adapter-props — Configure NuqsAdapter global defaults and URL middleware
advanced-standard-schema — Use createStandardSchemaV1 and inferParserType
advanced-optimistic-search-params — useOptimisticSearchParams for Remix/React Router

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

같은 저장소의 스킬

agent-browser

무료

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

fellipeutaka/website122026년 3월 11일 업데이트

ai-repo-setup

무료

Set up and optimize repositories for AI coding agents. Creates minimal AGENTS.md, CLAUDE.md symlink, docs/REQUIREMENTS.md, docs/BUSINESS-RULES.md, feedback loops, and deterministic enforcement (Claude Code hooks, OpenCode plugins). Use when user wants to make a repo AI-friendly, set up AGENTS.md/CLAUDE.md, document requirements/business rules for AI, add pre-commit hooks for AI workflows, or optimize codebase structure for coding agents.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

fellipeutaka/website122026년 3월 11일 업데이트

bun

무료

Bun runtime, package manager, bundler, and test runner. Use when running scripts with bun, managing packages, serving HTTP with Bun.serve, querying databases with Bun.sql/bun:sqlite/Bun.redis, shell scripting with $, using S3/file I/O, writing tests with bun:test, bundling or compiling to executable, or using any Bun-specific API (spawn, glob, semver, FFI, workers, plugins, HTMLRewriter).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

fellipeutaka/website122026년 3월 11일 업데이트

clean-code

무료

Write clean, readable, and maintainable code following principles from Robert C. Martin's "Clean Code" and Object Calisthenics. Use when writing, reviewing, or refactoring code to improve naming, function design, formatting, error handling, and class structure. Includes code smell detection and refactoring guidance.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

fellipeutaka/website122026년 3월 11일 업데이트

commit-work

무료

Create high-quality git commits: review/stage intended changes, split into logical commits, and write clear commit messages (including Conventional Commits). Use when the user asks to commit, craft a commit message, stage changes, or split work into multiple commits.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

fellipeutaka/website122026년 3월 11일 업데이트

denji

무료

Manage SVG icons as framework components using Denji CLI. Use when the user needs to add, remove, list, or manage SVG icons in React, Preact, Solid, Qwik, Vue, or Svelte projects. Triggers include requests to "add an icon", "set up icons", "manage SVG icons", "remove an icon", "list icons", or any task involving Iconify icons as framework components.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

fellipeutaka/website122026년 3월 11일 업데이트

fellipeutaka의 스킬 모두 보기

이 스킬의 문제 신고

설치

명령으로 설치

npx skills add https://github.com/fellipeutaka/website --skill nuqs

터미널에 붙여 넣고 실행합니다(Node.js 필요). Claude Code, Codex 등 설치할 에이전트를 고를 수 있습니다.

에이전트에게 부탁하기

다음 Agent Skill을 설치해 주세요.
https://github.com/fellipeutaka/website/tree/main/.agents/skills/nuqs

먼저 SKILL.md와 첨부 파일의 내용을 확인해 수상한 처리(외부 전송, 인증 정보 읽기 등)가 없는지 확인한 뒤 Claude Code는 ~/.claude/skills/nuqs/, Codex는 ~/.agents/skills/nuqs/ 에 배치해 주세요.

이 문장을 그대로 Claude Code나 Codex에 보내면 내용을 확인한 뒤 설치해 줍니다.

GitHub에서 소스 보기

저장소: fellipeutaka/website
스타: 12
포크: 0
카테고리: 개발
원문 언어: 영어
최종 업데이트: 2026년 3월 11일

스킬은 에이전트를 위한 지시와 스크립트의 묶음입니다. cccskills는 내용의 안전성을 보증하지 않습니다. 설치하기 전에 내용을 확인하세요.