·react-debugging
</>

react-debugging

Eseguire il debug delle applicazioni React ispezionando componenti, oggetti di scena e l'albero dei componenti. Da utilizzare quando l'utente sta eseguendo il debug delle app React, desidera ispezionare le proprietà/lo stato del componente, trovare quale componente esegue il rendering di un elemento o comprendere la gerarchia del componente React.

19Installazioni·2Tendenza·@serkan-ozal

Installazione

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

Come installare react-debugging

Installa rapidamente la skill AI react-debugging nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill react-debugging
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: 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.

Eseguire il debug delle applicazioni React ispezionando componenti, oggetti di scena e l'albero dei componenti. Da utilizzare quando l'utente sta eseguendo il debug delle app React, desidera ispezionare le proprietà/lo stato del componente, trovare quale componente esegue il rendering di un elemento o comprendere la gerarchia del componente React. Fonte: serkan-ozal/browser-devtools-skills.

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill react-debugging Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill react-debugging
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-21
Aggiornato
2026-03-10

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

Risposte rapide

Che cos'è react-debugging?

Eseguire il debug delle applicazioni React ispezionando componenti, oggetti di scena e l'albero dei componenti. Da utilizzare quando l'utente sta eseguendo il debug delle app React, desidera ispezionare le proprietà/lo stato del componente, trovare quale componente esegue il rendering di un elemento o comprendere la gerarchia del componente React. Fonte: serkan-ozal/browser-devtools-skills.

Come installo react-debugging?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill react-debugging Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

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