pproenca/nuqs

Bonnes pratiques nuqs (état de requête URL typé) pour Next.js et autres frameworks React. Ce skill doit être utilisé lors de l'écriture, la révision ou le refactoring de code utilisant nuqs pour la gestion d'état URL.

Qu'est-ce que nuqs ?

Ce skill fournit des bonnes pratiques pour nuqs, une bibliothèque permettant de gérer l'état de requête URL de manière typée dans les applications React, notamment avec Next.js. Il est déclenché lorsque vous travaillez avec `useQueryState`, `useQueryStates`, les paramètres de recherche, l'état URL, les analyseurs nuqs, `limitUrlUpdates`, Standard Schema, `NuqsAdapter`, ou le routage Next.js avec état. Utile pour les développeurs qui écrivent, révisent ou refactorisent du code impliquant une gestion d'état basée sur l'URL, ce skill aide à appliquer les meilleures pratiques, comme l'utilisation des analyseurs intégrés pour la sécurité des types, l'évitement de modifications manuelles de l'URL, et la configuration appropriée du `NuqsAdapter` pour l'intégration avec le routeur Next.js. Il fonctionne avec des outils d'IA de codage comme Claude Code ou Cursor, en fournissant des conseils contextuels pour garantir l'utilisation correcte de nuqs.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/pproenca/dot-skills/tree/main/skills/nuqs

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait nuqs ?

Bonnes pratiques nuqs (état de requête URL typé) pour Next.js et autres frameworks React. Ce skill doit être utilisé lors de l'écriture, la révision ou le refactoring de code utilisant nuqs pour la gestion d'état URL. Déclenché sur des tâches impliquant useQueryState, useQueryStates, paramètres de recherche, état URL, paramètres de requête, analyseurs nuqs, limitUrlUpdates, Standard Schema, NuqsAdapter, ou routage Next.js avec état.

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

Skills associés