nextjs-server-navigation
Server Component navigation: for links, redirect() for conditional redirects. NO 'use client' needed for static links or server redirects.
发现 部署与运维 相关 Skills,比较来源仓库和用途,查看适合你工作流的技能说明。
Server Component navigation: for links, redirect() for conditional redirects. NO 'use client' needed for static links or server redirects.
Fetch data using URL parameter. Create app/[id]/page.tsx, await params to get ID, fetch API, render. Server Component (no 'use client').
Next.js dynamic routes with [param] folders. Access via params prop (Server) or useParams() (Client). Next.js 15+: await params. Default to app/[id]/ not app/products/[id]/.
Advanced Next.js routing: Route Handlers (API routes), Server Actions ('use server'), Parallel Routes (@slot), Intercepting Routes ((.)), Error Boundaries, Draft Mode, Suspense streaming.
Server vs Client Components in Next.js App Router. Server is default (async, cookies, headers, searchParams). Client needs 'use client' (hooks, events, browser APIs).
Svelte component patterns. Use for web components, component libraries (Bits UI, Ark UI, Melt UI), form patterns, or third-party integration.
useSearchParams hook in Next.js. REQUIRES 'use client' + Suspense wrapper. Read URL query params: .get(), .getAll(), .has(). Update via router.push().
Error handling with @julian-i/try-error. Wrap throwable code with tryPromise (async) or tryThrow (sync). Forces reflection on error types, handling location, audience, and recovery.
Research topics by verifying actual source content. Use when asked to research or study links and documentation.
Code review with Codex CLI. Use for PR review, diff review, code analysis, or when user says "codexでレビュー", "コードレビュー".
GraphQL development best practices. Use when working with fragments, queries, mutations, or .graphql files.
Git workflow conventions. Use when committing, creating branches, or making pull requests.
Create or update Claude Code skills. Use when user wants to create a new skill, update an existing skill, or needs guidance on skill design.
Browser automation skill. ALWAYS use this for ANY browser-related task including ブラウザテスト, ブラウザ操作, E2Eテスト, page check, localhost, screenshot.
Setup browser testing configuration. Use when setting up test credentials and organization info for E2E testing.
Act as a versatile professional, seamlessly switching between Document Custodian (Signer), Software Programmer, and UX/UI Designer based on the user's task. This skill enables Claude to manage and certify offic...
Example skill providing background knowledge and context
Perform an expert frontend code review directly from a GitHub Pull Request using gh CLI.
A CLI tool that searches inside class and className attributes and matches against each class name individually. Use this instead of grep when searching or replacing class names.
Removes a specified class name from HTML/JSX files using the classname-search CLI tool. Use when you need to safely remove all occurrences of a specified class name from target files.
查詢 DataWin ERP 貿易模組文檔,用於程式開發參考。當用戶詢問貿易模組的功能、流程、操作步驟時使用。
Architecture and implementation details of FastEdgesGeometry. Use when modifying FastEdgesGeometry, understanding its optimization techniques, or debugging edge generation issues.
Secure API Platform resources with security expressions, voters, and operation-level access control. WHEN: Adding security to API operations, writing security expressions, creating custom voters, implementing r...
Build Python backend APIs with FastAPI, Django, Flask, SQLAlchemy, and Pydantic. WHEN: Creating REST APIs, implementing authentication (JWT, OAuth2), database integration with SQLAlchemy/Django ORM, Pydantic va...
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。