·react-debugging
</>

react-debugging

Déboguez les applications React en inspectant les composants, les accessoires et l'arborescence des composants. À utiliser lorsque l'utilisateur débogue des applications React, souhaite inspecter les accessoires/l'état des composants, trouver quel composant restitue un élément ou comprendre la hiérarchie des composants React.

19Installations·1Tendance·@serkan-ozal

Installation

$npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill react-debugging

Comment installer react-debugging

Installez rapidement le skill IA react-debugging dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill react-debugging
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : serkan-ozal/browser-devtools-skills.

Debug React applications by inspecting components, props, and the component tree.

Without the extension, tools use best-effort DOM scanning which is less reliable.

Déboguez les applications React en inspectant les composants, les accessoires et l'arborescence des composants. À utiliser lorsque l'utilisateur débogue des applications React, souhaite inspecter les accessoires/l'état des composants, trouver quel composant restitue un élément ou comprendre la hiérarchie des composants React. Source : serkan-ozal/browser-devtools-skills.

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/serkan-ozal/browser-devtools-skills --skill react-debugging Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill react-debugging
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-21
Mis à jour
2026-03-11

Browse more skills from serkan-ozal/browser-devtools-skills

Réponses rapides

Qu'est-ce que react-debugging ?

Déboguez les applications React en inspectant les composants, les accessoires et l'arborescence des composants. À utiliser lorsque l'utilisateur débogue des applications React, souhaite inspecter les accessoires/l'état des composants, trouver quel composant restitue un élément ou comprendre la hiérarchie des composants React. Source : serkan-ozal/browser-devtools-skills.

Comment installer react-debugging ?

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/serkan-ozal/browser-devtools-skills --skill react-debugging Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

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

https://github.com/serkan-ozal/browser-devtools-skills