·visual-testing
</>

visual-testing

Визуальное тестирование, проверка пользовательского интерфейса и сравнение дизайна с использованием снимков экрана и интеграции Figma. Используйте, когда пользователь хочет проверить внешний вид пользовательского интерфейса, сравнить его с дизайном Figma, протестировать адаптивные макеты, проверить визуальные регрессии или проверить реализацию дизайна.

17Установки·2Тренд·@serkan-ozal

Установка

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

Как установить visual-testing

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

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

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

Визуальное тестирование, проверка пользовательского интерфейса и сравнение дизайна с использованием снимков экрана и интеграции Figma. Используйте, когда пользователь хочет проверить внешний вид пользовательского интерфейса, сравнить его с дизайном Figma, протестировать адаптивные макеты, проверить визуальные регрессии или проверить реализацию дизайна. Источник: serkan-ozal/browser-devtools-skills.

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

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

Команда установки
npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill visual-testing
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-05
Обновлено
2026-03-10

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

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

Что такое visual-testing?

Визуальное тестирование, проверка пользовательского интерфейса и сравнение дизайна с использованием снимков экрана и интеграции Figma. Используйте, когда пользователь хочет проверить внешний вид пользовательского интерфейса, сравнить его с дизайном Figma, протестировать адаптивные макеты, проверить визуальные регрессии или проверить реализацию дизайна. Источник: serkan-ozal/browser-devtools-skills.

Как установить visual-testing?

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

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

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

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-05