Bewährte Verfahren für nuqs (typsicherer URL-Abfragestatus) in Next.js und anderen React-Frameworks.
Diese Fähigkeit (Skill) bietet bewährte Verfahren für die Verwendung von nuqs, einer typsicheren Bibliothek zur Verwaltung des URL-Abfragestatus in React-Anwendungen, insbesondere in Next.js. Sie wird aktiviert, wenn Code geschrieben, überprüft oder umgestaltet wird, der `useQueryState`, `useQueryStates`, Suchparameter, URL-Status, Abfrageparameter, nuqs-Parser, `limitUrlUpdates`, Standard Schema, `NuqsAdapter` oder Next.js-Routing mit Status verwendet. Der Skill hilft Entwicklern, häufige Fallstricke zu vermeiden, wie etwa fehlerhafte Parser-Definitionen, unsachgemäße Handhabung von Standardwerten, unbemerkte URL-Updates oder die fehlende Integration mit dem React-Ökosystem. Er unterstützt die Frameworks Next.js und andere React-basierte Frameworks, die auf Standard-Web-URLs angewiesen sind, und bietet klare Richtlinien für die korrekte Implementierung von nuqs in modernen Webanwendungen. Der Skill basiert auf der offiziellen nuqs-Dokumentation und stellt sicher, dass der Status zwischen URL und React-Status konsistent bleibt, während gleichzeitig die TypeScript-Typsicherheit gewahrt wird.
npx skills add https://github.com/pproenca/dot-skills/tree/main/skills/nuqsInstalled? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
nuqs (typsicherer URL-Abfragestatus) – bewährte Verfahren für Next.js und andere React-Frameworks. Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Umgestalten von Code verwendet werden, der nuqs zur URL-Statusverwaltung nutzt. Sie wird bei Aufgaben aktiviert, die useQueryState, useQueryStates, Suchparameter, URL-Status, Abfrageparameter, nuqs-Parser, limitUrlUpdates, Standard Schema, NuqsAdapter oder Next.js-Routing mit Status umfassen.
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.