nuqs 是做什麼的?
nuqs 的(型別安全 URL 查詢狀態)最佳實踐,適用於 Next.js 及其他 React 框架。撰寫、審查或重構使用 nuqs 進行 URL 狀態管理的程式碼時,應使用此技能。觸發條件包含涉及 useQueryState、useQueryStates、搜尋參數、URL 狀態、查詢參數、nuqs 解析器、limitUrlUpdates、Standard Schema、NuqsAdapter 或帶有狀態的 Next.js 路由等任務。
nuqs 的(型別安全 URL 查詢狀態)最佳實踐,適用於 Next.js 及其他 React 框架。撰寫、審查或重構使用 nuqs 進行 URL 狀態管理的程式碼時,應使用此技能。觸發條件包含涉及 useQueryState、useQueryStates、搜尋參數、URL 狀態、查詢參數、nuqs 解析器、limitUrlUpdates、Standard Schema、NuqsAdapter 或帶有狀態的 Next.js 路由等任務。
此技能「pproenca/nuqs」提供針對 nuqs 函式庫(一種用於 React 框架(特別是 Next.js)的型別安全 URL 查詢狀態管理工具)的最佳實踐與指南。當開發人員處理涉及 URL 狀態管理的任務時,例如使用 `useQueryState` 或 `useQueryStates` 掛鉤、操作搜尋參數、配置解析器、最佳化 `limitUrlUpdates` 或實作 Standard Schema 驗證時,應使用此技能。其主要用途是協助撰寫、審查或重構程式碼,確保 URL 狀態處理正確、具型別安全性且高效,從而提升應用程式的可靠性與使用者體驗。此技能適用於各種需要細緻 URL 狀態管理的 React 應用,特別是採用 App Router 或 Pages Router 的 Next.js 專案。
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.