·playwright-responsive-screenshots
</>

playwright-responsive-screenshots

Делает снимки экрана в нескольких точках останова в окне просмотра для проверки адаптивного дизайна и документация. Используйте, когда вам нужно протестировать адаптивные макеты, проверить мобильные устройства, планшеты или настольные компьютеры. представления, контрольные точки системы проектирования документа или создание базовых показателей визуального регрессионного теста. Триггеры по «тестированию адаптивного дизайна», «снимку экрана в точках останова», «захвату мобильных и представления рабочего стола», «тестирование адаптивного дизайна» или «скриншоты на нескольких устройствах». Работает с Инструменты MCP драматурга (browser_navigate, Browser_resize, Browser_take_screenshot).

5Установки·0Тренд·@dawiddutoit

Установка

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

Как установить playwright-responsive-screenshots

Быстро установите AI-навык playwright-responsive-screenshots в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/dawiddutoit/custom-claude --skill playwright-responsive-screenshots
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: 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 |

Делает снимки экрана в нескольких точках останова в окне просмотра для проверки адаптивного дизайна и документация. Используйте, когда вам нужно протестировать адаптивные макеты, проверить мобильные устройства, планшеты или настольные компьютеры. представления, контрольные точки системы проектирования документа или создание базовых показателей визуального регрессионного теста. Триггеры по «тестированию адаптивного дизайна», «снимку экрана в точках останова», «захвату мобильных и представления рабочего стола», «тестирование адаптивного дизайна» или «скриншоты на нескольких устройствах». Работает с Инструменты MCP драматурга (browser_navigate, Browser_resize, Browser_take_screenshot). Источник: dawiddutoit/custom-claude.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/dawiddutoit/custom-claude --skill playwright-responsive-screenshots
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-25
Обновлено
2026-03-10

Browse more skills from dawiddutoit/custom-claude

Короткие ответы

Что такое playwright-responsive-screenshots?

Делает снимки экрана в нескольких точках останова в окне просмотра для проверки адаптивного дизайна и документация. Используйте, когда вам нужно протестировать адаптивные макеты, проверить мобильные устройства, планшеты или настольные компьютеры. представления, контрольные точки системы проектирования документа или создание базовых показателей визуального регрессионного теста. Триггеры по «тестированию адаптивного дизайна», «снимку экрана в точках останова», «захвату мобильных и представления рабочего стола», «тестирование адаптивного дизайна» или «скриншоты на нескольких устройствах». Работает с Инструменты MCP драматурга (browser_navigate, Browser_resize, Browser_take_screenshot). Источник: dawiddutoit/custom-claude.

Как установить playwright-responsive-screenshots?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/dawiddutoit/custom-claude --skill playwright-responsive-screenshots После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

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