Community程式設計與開發github.com

pproenca/nuqs

nuqs 的(型別安全 URL 查詢狀態)最佳實踐,適用於 Next.js 及其他 React 框架。撰寫、審查或重構使用 nuqs 進行 URL 狀態管理的程式碼時,應使用此技能。觸發條件包含涉及 useQueryState、useQueryStates、搜尋參數、URL 狀態、查詢參數、nuqs 解析器、limitUrlUpdates、Standard Schema、NuqsAdapter 或帶有狀態的 Next.js 路由等任務。

nuqs 是什麼?

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

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/pproenca/dot-skills/tree/main/skills/nuqs

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

nuqs 是做什麼的?

nuqs 的(型別安全 URL 查詢狀態)最佳實踐,適用於 Next.js 及其他 React 框架。撰寫、審查或重構使用 nuqs 進行 URL 狀態管理的程式碼時,應使用此技能。觸發條件包含涉及 useQueryState、useQueryStates、搜尋參數、URL 狀態、查詢參數、nuqs 解析器、limitUrlUpdates、Standard Schema、NuqsAdapter 或帶有狀態的 Next.js 路由等任務。

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

pproenca/clean-architecture

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.

pproenca/code-simplifier

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.

pproenca/emilkowal-animations

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.

pproenca/react-hook-form

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).

pproenca/typescript

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.

pproenca/vitest

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.

pproenca/zod

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).

相關技能