·react-use-client-boundary
</>

react-use-client-boundary

flpbalada/my-opencode-config

Guide l'utilisation appropriée de la directive « use client » dans React/Next.js. Utilisez cette compétence lors de l'ajout de composants clients, du dépannage des erreurs de composants serveur ou de la décision de l'emplacement de la limite client.

2Installations·0Tendance·@flpbalada

Installation

$npx skills add https://github.com/flpbalada/my-opencode-config --skill react-use-client-boundary

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.

Guide l'utilisation appropriée de la directive « use client » dans React/Next.js. Utilisez cette compétence lors de l'ajout de composants clients, du dépannage des erreurs de composants serveur ou de la décision de l'emplacement de la limite client. Source : flpbalada/my-opencode-config.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/flpbalada/my-opencode-config --skill react-use-client-boundary
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que react-use-client-boundary ?

Guide l'utilisation appropriée de la directive « use client » dans React/Next.js. Utilisez cette compétence lors de l'ajout de composants clients, du dépannage des erreurs de composants serveur ou de la décision de l'emplacement de la limite client. Source : flpbalada/my-opencode-config.

Comment installer react-use-client-boundary ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/flpbalada/my-opencode-config --skill react-use-client-boundary Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

https://github.com/flpbalada/my-opencode-config