ui.render ogni volta che sta per disegnare un punto di rendering, e il tuo hook per quell’evento restituisce cosa disegnare lì.
Questa mappa mostra dove un mod può disegnare in una sessione del terminale:
Per consultare una singola prop o un limite, vedi il riferimento.
Crea un pannello con schede
In questa sezione crei un mod che aggiunge un comando/hello-tabs, e il comando apre un pannello. Un pannello è una barra laterale accanto alla trascrizione in un terminale ampio a schermo intero, oppure un’area incorniciata sopra il prompt negli altri casi. Questo pannello mostra due schede, e la seconda scheda ha un pulsante che aggiunge uno a un contatore. Il conteggio è ancora lì dopo che riavvii Claude Code.
Il mod finito ha questo aspetto. La registrazione apre il pannello, passa alla seconda scheda, preme il pulsante alcune volte e torna alla prima scheda:
1
Crea il plugin
Un mod è un plugin con un manifest, un Indica il tuo punto di ingresso in
hooks.json che punta al tuo codice, e il file di codice. Crea un mod spiega ciascuno di essi. Crea una directory chiamata hello-tabs con le directory .claude-plugin e hooks al suo interno, poi salva i primi due file.Salva il manifest come hello-tabs/.claude-plugin/plugin.json:hello-tabs/.claude-plugin/plugin.json
hello-tabs/hooks/hooks.json:hello-tabs/hooks/hooks.json
2
Scrivi il codice
Questo elenco indica cosa fa ciascun hook, nell’ordine in cui compaiono nel codice:
- Aggiunge il comando
/hello-tabse carica il conteggio salvato da una sessione precedente - Apre il pannello quando esegui quel comando
- Disegna il contenuto del pannello: la fila di schede e il corpo della scheda aperta
tab e count, contengono lo stato del pannello.Salva questo come hello-tabs/hooks/register.js:hello-tabs/hooks/register.js