Цей вміст ще не доступний вашою мовою і відображається англійською.

Next.js: useSearchParams with Suspense Pattern

Skill Перевірено

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

AI-резюме

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.

Встановлення

npx skills add wsimmonds/claude-nextjs-skills

Запускає Vercel skills CLI (skills.sh) через npx — потребує локально встановленого Node.js та принаймні одного агента, сумісного зі skills (Claude Code, Cursor, Codex, …). Передбачається, що репозиторій відповідає формату agentskills.io.

6 months ago

wsimmonds

90 stars

MIT

Оновлено about 14 hours ago

Переглянути код

Подібні розширення

Tandem Panel Scaffold

100

Scaffold an editable Tandem control panel app

Skill

frumu-ai

ESLint Plugin React Hooks

ESLint rules for React Hooks

Skill

facebook

TanStack React Start Patterns

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

Skill

clerk

React PWA

Extension from jwynia/agent-skills

Skill

jwynia

Frontend Design

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

Skill

jwynia

Prisma Postgres Setup

Set 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".

Skill

prisma