·visual-testing
</>

visual-testing

serkan-ozal/browser-devtools-skills

Visuelle Tests, UI-Verifizierung und Designvergleich mithilfe von Screenshots und Figma-Integration. Verwenden Sie diese Option, wenn der Benutzer das Erscheinungsbild der Benutzeroberfläche überprüfen, mit Figma-Designs vergleichen, responsive Layouts testen, auf visuelle Regressionen prüfen oder die Designimplementierung validieren möchte.

6Installationen·2Trend·@serkan-ozal

Installation

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

SKILL.md

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 |

Visuelle Tests, UI-Verifizierung und Designvergleich mithilfe von Screenshots und Figma-Integration. Verwenden Sie diese Option, wenn der Benutzer das Erscheinungsbild der Benutzeroberfläche überprüfen, mit Figma-Designs vergleichen, responsive Layouts testen, auf visuelle Regressionen prüfen oder die Designimplementierung validieren möchte. Quelle: serkan-ozal/browser-devtools-skills.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill visual-testing
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-05
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist visual-testing?

Visuelle Tests, UI-Verifizierung und Designvergleich mithilfe von Screenshots und Figma-Integration. Verwenden Sie diese Option, wenn der Benutzer das Erscheinungsbild der Benutzeroberfläche überprüfen, mit Figma-Designs vergleichen, responsive Layouts testen, auf visuelle Regressionen prüfen oder die Designimplementierung validieren möchte. Quelle: serkan-ozal/browser-devtools-skills.

Wie installiere ich visual-testing?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill visual-testing Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

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

Details

Kategorie
</>Entwicklung
Quelle
skills.sh
Erstes Auftreten
2026-02-05