playwright-skill
Автоматизация задач браузера с помощью Playwright
Также доступно от: lackeyjb
Этот навык позволяет Claude Code автоматизировать взаимодействие с браузером через Playwright, обрабатывая обнаружение dev-сервера, выполнение тестовых скриптов и комплексное веб-тестирование.
Скачать ZIP навыка
Загрузить в Claude
Перейдите в Settings → Capabilities → Skills → Upload skill
Включите и начните использовать
Протестировать
Использование «playwright-skill». Test my local app at localhost:3000
Ожидаемый результат:
Auto-detected dev server on port 3000. Launching browser to test...
Page title: My Web App
Viewport: 1280x720
✓ Page loaded successfully
✓ No console errors detected
✓ Screenshot saved to /tmp/screenshot-2024-01-15.png
Использование «playwright-skill». Check responsive design
Ожидаемый результат:
Testing across viewports:
- Mobile (375x667): ✓ No layout issues
- Tablet (768x1024): ✓ No layout issues
- Desktop (1280x720): ✓ No layout issues
All viewport tests passed. Screenshots saved to /tmp/
Аудит безопасности
Низкий рискThis is a legitimate browser automation skill using the Playwright library. The static analyzer flagged many patterns but most are false positives: shell commands in documentation are usage examples, not dangerous execution; network access is required for browser automation; filesystem access is for writing test scripts to /tmp; environment variables are for configuration. No malicious intent detected.
Проблемы среднего риска (1)
Проблемы низкого риска (2)
Факторы риска
⚙️ Внешние команды (1)
🌐 Доступ к сети (1)
📁 Доступ к файловой системе (1)
🔑 Переменные окружения (1)
⚡ Содержит скрипты (1)
Оценка качества
Что вы можете построить
Тестирование веб-приложений
Тестирование веб-приложений локально путём автоматического обнаружения dev-серверов и запуска автоматизированных браузерных тестов с несколькими размерами вьюпорта.
QA-автоматизация
Создание end-to-end тестов для веб-приложений, проверка потоков входа и адаптивного дизайна на различных устройствах.
Веб-скрейпинг
Извлечение контента с веб-сайтов, требующих JavaScript-рендеринга, включая скриншоты и структурированное извлечение данных.
Попробуйте эти промпты
Протестируйте моё локальное веб-приложение. Сначала обнаружите все работающие dev-серверы, затем проверьте, что главная страница загружается корректно и проверьте наличие ошибок в консоли.
Проверьте, как моё веб-приложение выглядит на мобильных, планшетных и десктопных вьюпортах. Сделайте скриншоты для каждого размера и сообщите о любых проблемах макета.
Протестируйте поток входа на [URL]. Введите учётные данные, нажмите вход и проверьте успешную аутентификацию, проверив наличие панели управления или меню пользователя.
Заполните и отправьте контактную форму на [URL] с тестовыми данными. Проверьте, что форма успешно отправляется, и проверьте наличие ошибок валидации.
Лучшие практики
- Всегда используйте параметризованные URL через константы или переменные окружения для поддерживаемости
- Записывайте тестовые скрипты в /tmp, чтобы поддерживать чистоту директорий проекта
- Используйте видимый режим браузера (headless: false) для отладки, переключайтесь на headless для CI
- Корректно обрабатывайте асинхронные операции с помощью waitForSelector и waitForNavigation
Избегать
- Не хардкодьте учётные данные в тестовых скриптах — используйте переменные окружения
- Избегайте тестирования производственных веб-сайтов без авторизации
- Не полагайтесь только на sleep/таймеры — используйте правильные условия ожидания для надёжных тестов
- Избегайте записи тестовых файлов в директорию навыка — всегда используйте /tmp