Next.js: useSearchParams with Suspense Pattern
Skill Đã xác minhPattern for using useSearchParams hook with Suspense boundary in Next.js. Covers the required combination of 'use client' directive and Suspense wrapper when accessing URL query parameters in client components. Use when building search interfaces, filters, pagination, or any feature that needs to read/manipulate URL query parameters client-side.
This extension details the required combination of the 'use client' directive and a Suspense wrapper for accessing URL query parameters in Next.js client components. It includes multiple code examples for search interfaces, filters, and pagination, along with explanations of common mistakes and best practices.
Cài đặt
npx skills add wsimmonds/claude-nextjs-skillsChạy Vercel skills CLI (skills.sh) qua npx — yêu cầu Node.js trên máy và ít nhất một agent tương thích skills đã được cài (Claude Code, Cursor, Codex, …). Giả định repo tuân theo định dạng agentskills.io.
Tiện ích tương tự
Tandem Panel Scaffold
100Scaffold an editable Tandem control panel app
ESLint Plugin React Hooks
99ESLint rules for React Hooks
TanStack React Start Patterns
98TanStack React Start auth patterns with @clerk/tanstack-react-start - createServerFn, beforeLoad guards, loaders, Vinxi server. Triggers on: TanStack auth, createServerFn clerk, beforeLoad protection, TanStack Start middleware.
React PWA
98Extension from jwynia/agent-skills
Frontend Design
99Create distinctive, production-grade frontend interfaces with high design quality. Provides analysis tools for auditing existing designs and generation tools for creating color palettes, typography systems, design tokens, and component templates. Supports React, Vue, Svelte, and vanilla HTML/CSS. Use when building web components, pages, or applications. Keywords: design, UI, frontend, CSS, components, palette, typography, tokens, accessibility.
Prisma Postgres Setup
99Set up a new Prisma Postgres database and connect it to a local project using the Management API. Use when asked to "set up a database", "create a Prisma Postgres project", "get a connection string", "connect my app to Prisma Postgres", or "provision a database".