Cattura il layout, gli stili e la struttura della pagina corrente da una pagina Web live utilizzando Chrome DevTools MCP. Da utilizzare quando è necessario comprendere l'interfaccia utente esistente prima di apportare modifiche: acquisisce screenshot, struttura DOM, stili calcolati e proprietà di layout. Utile come base di riferimento pre-implementazione per le modifiche che influiscono sul frontend o sull'interfaccia utente.
Installa rapidamente la skill AI page-inspector nel tuo ambiente di sviluppo tramite riga di comando
Fonte: delexw/claude-code-misc.
Connects to a running Chrome browser session via Chrome DevTools MCP, navigates to the target page, and captures a comprehensive snapshot of the current layout, styles, and structure. This output serves as a baseline reference for implementation.
For the main content area and key UI elements, capture:
Cattura il layout, gli stili e la struttura della pagina corrente da una pagina Web live utilizzando Chrome DevTools MCP. Da utilizzare quando è necessario comprendere l'interfaccia utente esistente prima di apportare modifiche: acquisisce screenshot, struttura DOM, stili calcolati e proprietà di layout. Utile come base di riferimento pre-implementazione per le modifiche che influiscono sul frontend o sull'interfaccia utente. Fonte: delexw/claude-code-misc.
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/delexw/claude-code-misc --skill page-inspector 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
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/delexw/claude-code-misc --skill page-inspectorCattura il layout, gli stili e la struttura della pagina corrente da una pagina Web live utilizzando Chrome DevTools MCP. Da utilizzare quando è necessario comprendere l'interfaccia utente esistente prima di apportare modifiche: acquisisce screenshot, struttura DOM, stili calcolati e proprietà di layout. Utile come base di riferimento pre-implementazione per le modifiche che influiscono sul frontend o sull'interfaccia utente. Fonte: delexw/claude-code-misc.
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/delexw/claude-code-misc --skill page-inspector 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
https://github.com/delexw/claude-code-misc