Skills
.Work. You
Rest

nextjs-client-boundary

Community

Decide when to use client boundaries in Next.js

Software Engineering#architecture#react#nextjs#server-components#use-client#client-boundary
Authoryutna
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Guides when to apply "use client" directives in Next.js components to control client boundaries and optimize server rendering.

Core Features & Use Cases

  • Server-first guidance: default to server components and add "use client" only when necessary.
  • Boundary-placement strategies: push interactive parts to the leaves to minimize client footprint.
  • Reference conventions: aligns with CLAUDE workflow conventions for consistency.

Quick Start

Determine where to place "use client" in your Next.js components using the rules and boundary strategies described above.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nextjs-client-boundary
Download link: https://github.com/yutna/vibe-next-template/archive/main.zip#nextjs-client-boundary

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.