·visual-testing
</>

visual-testing

Test visivi, verifica dell'interfaccia utente e confronto dei progetti tramite screenshot e integrazione Figma. Utilizzare quando l'utente desidera verificare l'aspetto dell'interfaccia utente, confrontare con i progetti Figma, testare layout reattivi, verificare regressioni visive o convalidare l'implementazione del progetto.

17Installazioni·2Tendenza·@serkan-ozal

Installazione

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

Come installare visual-testing

Installa rapidamente la skill AI visual-testing 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 visual-testing
  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.

Perform visual testing, UI verification, and design comparison using screenshots, responsive testing, and Figma integration.

| Mobile S | 320px | 568px | --width 320 --height 568 | | Mobile M | 375px | 667px | --width 375 --height 667 | | Mobile L | 425px | 812px | --width 425 --height 812 | | Tablet | 768px | 1024px | --width 768 --height 1024 | | Laptop | 1366px | 768px | --width 1366 --height 768 | | Desktop | 1920px | 1080px | --width 1920 --height 1080 |

Test visivi, verifica dell'interfaccia utente e confronto dei progetti tramite screenshot e integrazione Figma. Utilizzare quando l'utente desidera verificare l'aspetto dell'interfaccia utente, confrontare con i progetti Figma, testare layout reattivi, verificare regressioni visive o convalidare l'implementazione del progetto. Fonte: serkan-ozal/browser-devtools-skills.

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 visual-testing
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-05
Aggiornato
2026-03-10

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

Risposte rapide

Che cos'è visual-testing?

Test visivi, verifica dell'interfaccia utente e confronto dei progetti tramite screenshot e integrazione Figma. Utilizzare quando l'utente desidera verificare l'aspetto dell'interfaccia utente, confrontare con i progetti Figma, testare layout reattivi, verificare regressioni visive o convalidare l'implementazione del progetto. Fonte: serkan-ozal/browser-devtools-skills.

Come installo visual-testing?

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 visual-testing 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