react-use-client-boundary
✓Guides proper usage of "use client" directive in React/Next.js. Use this skill when adding client components, troubleshooting Server Component errors, or deciding where to place the client boundary.
Installation
SKILL.md
Understanding when to use (and when NOT to use) the "use client" directive in React Server Components architecture.
"use client" marks a boundary between server and client components - not a label for individual components.
Critical Rule: Once inside a client boundary, ALL imported components are automatically client components. You should NOT add "use client" to child components that are already imported by a parent client component.
Guides proper usage of "use client" directive in React/Next.js. Use this skill when adding client components, troubleshooting Server Component errors, or deciding where to place the client boundary. Source: flpbalada/my-opencode-config.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/flpbalada/my-opencode-config --skill react-use-client-boundary- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is react-use-client-boundary?
Guides proper usage of "use client" directive in React/Next.js. Use this skill when adding client components, troubleshooting Server Component errors, or deciding where to place the client boundary. Source: flpbalada/my-opencode-config.
How do I install react-use-client-boundary?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/flpbalada/my-opencode-config --skill react-use-client-boundary Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/flpbalada/my-opencode-config
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01