Next.js 및 기타 React 프레임워크에서 타입 안전 URL 쿼리 상태 관리를 위한 nuqs 모범 사례입니다. useQueryState, useQueryStates, 검색 매개변수, URL 상태, 쿼리 매개변수, nuqs 파서, limitUrlUpdates, Standard Schema, NuqsAdapter 또는 Next.js 라우팅과 관련된 작업에서 사용됩니다.
이 스킬은 Next.js 및 기타 React 프레임워크에서 URL 쿼리 상태를 타입 안전하게 관리하는 데 초점을 맞춘 nuqs 라이브러리의 모범 사례를 제공합니다. 개발자가 `useQueryState` 및 `useQueryStates` 훅을 사용하여 검색 매개변수를 상태로 변환하고, `limitUrlUpdates`로 업데이트를 제어하며, `Standard Schema`를 통해 유효성 검사를 수행하는 방법을 안내합니다. `NuqsAdapter`를 React Router와 같은 다른 프레임워크와 통합하는 방법도 다룹니다. 이 스킬은 URL 상태 관리 코드를 작성, 검토 또는 리팩토링할 때 자동으로 트리거되어 일관되고 오류 없는 구현을 보장합니다.
npx skills add https://github.com/pproenca/dot-skills/tree/main/skills/nuqsInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
nuqs (타입 안전 URL 쿼리 상태)는 Next.js 및 기타 React 프레임워크를 위한 모범 사례입니다. 이 스킬은 nuqs를 사용하여 URL 상태를 관리하는 코드를 작성, 검토 또는 리팩토링할 때 사용해야 합니다. useQueryState, useQueryStates, 검색 매개변수, URL 상태, 쿼리 매개변수, nuqs 파서, limitUrlUpdates, Standard Schema, NuqsAdapter 또는 상태가 있는 Next.js 라우팅과 관련된 작업에서 트리거됩니다.
This repo contains 7 individual skills — each has its own dedicated page.
Clean Architecture principles and best practices from Robert C. Martin's book. This skill should be used when designing software systems, reviewing code structure, or refactoring applications to achieve better separation of concerns. Triggers on tasks involving layers, boundaries, dependency direction, entities, use cases, or system architecture.
Code simplification skill for improving clarity, consistency, and maintainability while preserving exact behavior. Use when simplifying code, reducing complexity, cleaning up recent changes, applying refactoring patterns, or improving readability. Triggers on tasks involving code cleanup, simplification, refactoring, or readability improvements.
Emil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations in React, CSS, or Framer Motion. Triggers on tasks involving transitions, easing, gestures, toasts, drawers, or motion.
React Hook Form performance optimization for client-side form validation using useForm, useWatch, useController, useFieldArray, and the v7.55+ subscribe() API. This skill should be used when building client-side controlled forms with React Hook Form library. This skill does NOT cover React 19 Server Actions, useActionState, or server-side form handling (use react-19 skill for those).
TypeScript performance, tsconfig, type errors, async patterns — triggered when the user asks to "optimize TypeScript performance", "speed up tsc compilation", "configure tsconfig.json", "fix type errors", "improve async patterns", or encounters TS errors (TS2322, TS2339, "is not assignable to"). Also triggers on .ts, .tsx, .d.ts file work involving type definitions, module organization, or memory management. Does NOT cover TypeScript basics, framework-specific patterns, or testing.
Vitest testing framework patterns for test setup, async testing, mocking with vi.*, snapshots, and test performance (formerly test-vitest). This skill should be used when writing or debugging Vitest tests. This skill does NOT cover TDD methodology (use test-tdd skill), API mocking with MSW (use test-msw skill), or Jest-specific APIs.
Zod schema validation best practices for type safety, parsing, and error handling. This skill should be used when defining z.object schemas, using z.string validations, safeParse, or z.infer. This skill does NOT cover React Hook Form integration patterns (use react-hook-form skill) or OpenAPI client generation (use orval skill).
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.