·playwright-responsive-screenshots
</>

playwright-responsive-screenshots

Capture des captures d'écran à plusieurs points d'arrêt de la fenêtre pour une validation de conception réactive et documentation. À utiliser lorsque vous devez tester des mises en page réactives, valider un mobile/une tablette/un ordinateur de bureau vues, points d'arrêt du système de conception de documents ou création de lignes de base de tests de régression visuelle. Déclencheurs sur "tester la conception réactive", "capture d'écran aux points d'arrêt", "capturer les appareils mobiles et vues du bureau", "tests de conception adaptative" ou "captures d'écran multi-appareils". Fonctionne avec Outils MCP du dramaturge (browser_navigate, browser_resize, browser_take_screenshot).

5Installations·0Tendance·@dawiddutoit

Installation

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

Comment installer playwright-responsive-screenshots

Installez rapidement le skill IA playwright-responsive-screenshots dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/dawiddutoit/custom-claude --skill playwright-responsive-screenshots
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : dawiddutoit/custom-claude.

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 |

Capture des captures d'écran à plusieurs points d'arrêt de la fenêtre pour une validation de conception réactive et documentation. À utiliser lorsque vous devez tester des mises en page réactives, valider un mobile/une tablette/un ordinateur de bureau vues, points d'arrêt du système de conception de documents ou création de lignes de base de tests de régression visuelle. Déclencheurs sur "tester la conception réactive", "capture d'écran aux points d'arrêt", "capturer les appareils mobiles et vues du bureau", "tests de conception adaptative" ou "captures d'écran multi-appareils". Fonctionne avec Outils MCP du dramaturge (browser_navigate, browser_resize, browser_take_screenshot). Source : dawiddutoit/custom-claude.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/dawiddutoit/custom-claude --skill playwright-responsive-screenshots
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-25
Mis à jour
2026-03-10

Browse more skills from dawiddutoit/custom-claude

Réponses rapides

Qu'est-ce que playwright-responsive-screenshots ?

Capture des captures d'écran à plusieurs points d'arrêt de la fenêtre pour une validation de conception réactive et documentation. À utiliser lorsque vous devez tester des mises en page réactives, valider un mobile/une tablette/un ordinateur de bureau vues, points d'arrêt du système de conception de documents ou création de lignes de base de tests de régression visuelle. Déclencheurs sur "tester la conception réactive", "capture d'écran aux points d'arrêt", "capturer les appareils mobiles et vues du bureau", "tests de conception adaptative" ou "captures d'écran multi-appareils". Fonctionne avec Outils MCP du dramaturge (browser_navigate, browser_resize, browser_take_screenshot). Source : dawiddutoit/custom-claude.

Comment installer playwright-responsive-screenshots ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/dawiddutoit/custom-claude --skill playwright-responsive-screenshots Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

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