·playwright-responsive-screenshots
</>

playwright-responsive-screenshots

✓
dawiddutoit/custom-claudeGitHub: dawiddutoit/custom-claudeQuelle: dawiddutoit/custom-claude

Erfasst Screenshots an mehreren Haltepunkten des Ansichtsfensters zur Validierung des responsiven Designs und Dokumentation. Verwenden Sie diese Option, wenn Sie responsive Layouts testen und Mobilgeräte/Tablets/Desktops validieren müssen Ansichten, Dokument-Design-System-Haltepunkte oder Basislinien für visuelle Regressionstests erstellen. Auslöser für „Responsive Design testen“, „Screenshot an Haltepunkten“, „Mobilgeräte erfassen“ und „ Desktop-Ansichten“, „Responsive Design-Tests“ oder „Multi-Geräte-Screenshots“. Funktioniert mit Playwright MCP-Tools (browser_navigate, browser_resize, browser_take_screenshot).

dawiddutoit·playwright·responsive·screenshots
5Installationen·0Trend·@dawiddutoit

Installation

GitHub: dawiddutoit/custom-claude
$npx skills add https://github.com/dawiddutoit/custom-claude --skill playwright-responsive-screenshots

So installieren Sie playwright-responsive-screenshots

Installieren Sie den KI-Skill playwright-responsive-screenshots schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/dawiddutoit/custom-claude --skill playwright-responsive-screenshots
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: dawiddutoit/custom-claude.

SKILL.md

Original anzeigen

4.1. Basic Screenshot Capture 4.2. Custom Breakpoints 4.3. Multiple Pages 4.4. With Comparison Report

This skill provides an automated workflow for capturing screenshots at multiple viewport sizes:

| Device Category | Width × Height | Common Devices |

Erfasst Screenshots an mehreren Haltepunkten des Ansichtsfensters zur Validierung des responsiven Designs und Dokumentation. Verwenden Sie diese Option, wenn Sie responsive Layouts testen und Mobilgeräte/Tablets/Desktops validieren müssen Ansichten, Dokument-Design-System-Haltepunkte oder Basislinien für visuelle Regressionstests erstellen. Auslöser für „Responsive Design testen“, „Screenshot an Haltepunkten“, „Mobilgeräte erfassen“ und „ Desktop-Ansichten“, „Responsive Design-Tests“ oder „Multi-Geräte-Screenshots“. Funktioniert mit Playwright MCP-Tools (browser_navigate, browser_resize, browser_take_screenshot). Quelle: dawiddutoit/custom-claude.

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/dawiddutoit/custom-claude --skill playwright-responsive-screenshots
Quelle
dawiddutoit/custom-claude
Kategorie
</>Entwicklung
Verifiziert
✓
Erstes Auftreten
2026-02-25
Aktualisiert
2026-03-10
URL
https://www.learn-skills.dev/de/skills/dawiddutoit/custom-claude/playwright-responsive-screenshots

Browse more skills from dawiddutoit/custom-claude

Schnelle Antworten

Was ist playwright-responsive-screenshots?

Erfasst Screenshots an mehreren Haltepunkten des Ansichtsfensters zur Validierung des responsiven Designs und Dokumentation. Verwenden Sie diese Option, wenn Sie responsive Layouts testen und Mobilgeräte/Tablets/Desktops validieren müssen Ansichten, Dokument-Design-System-Haltepunkte oder Basislinien für visuelle Regressionstests erstellen. Auslöser für „Responsive Design testen“, „Screenshot an Haltepunkten“, „Mobilgeräte erfassen“ und „ Desktop-Ansichten“, „Responsive Design-Tests“ oder „Multi-Geräte-Screenshots“. Funktioniert mit Playwright MCP-Tools (browser_navigate, browser_resize, browser_take_screenshot). Quelle: dawiddutoit/custom-claude.

Wie installiere ich playwright-responsive-screenshots?

Ö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/dawiddutoit/custom-claude --skill playwright-responsive-screenshots Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/dawiddutoit/custom-claude

Details

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

Verwandte Skills

playwright-web-scraper
49 Installationen
java-best-practices-security-audit
8 Installationen
java-test-generator
8 Installationen
playwright-network-analyzer
7 Installationen
quality-detect-regressions
6 Installationen
chrome-browser-automation
6 Installationen