How do I handle dynamic content or SPA pages?

The skill provides multiple wait strategies, such as 'networkidle', to ensure that asynchronous content is fully loaded before performing actions.

Does it support mobile viewports?

Absolutely. You can use the --mobile flag or define custom viewport dimensions for responsive design testing and screenshots.

Do I need to install browsers separately?

After installing the npm dependencies, you can run 'npx playwright install chromium' to set up the necessary browser engine for the skill.

Can I use this for websites that require login?

Yes, the skill includes session management commands to save cookies and localStorage, allowing you to perform automated tasks while logged in.

What is jelly-playwright?

It is a specialized Claude Code skill that leverages the Playwright framework to automate browser-based tasks like scraping, testing, and interaction.

Jelly Playwright Browser Automation

Name: Jelly Playwright Browser Automation
Author: dev-jelly

bydev-jelly

ブラウザ自動化

Automates browser tasks and end-to-end testing using Playwright to perform web scraping, screen capture, and form interaction.

概要

Jelly Playwright is a comprehensive browser automation toolset designed for Claude Code users to perform complex web tasks via CLI or script. It provides a robust set of utilities for capturing high-quality screenshots, scraping data using CSS selectors, and automating multi-step form submissions. With built-in session management for handling logins and specialized E2E testing templates, it allows developers to verify web application behavior and extract information without manual browser navigation.

主な機能

Automated form interaction including typing, clicking, and file uploads
Structured web scraping with CSS selectors and JSON output support
Advanced session management to save and restore authenticated login states
0 GitHub stars
High-resolution full-page and mobile viewport screenshot capture
Extensible TypeScript templates for complex E2E testing workflows

ユースケース

Automated E2E testing for web applications during the development lifecycle
Scheduled web scraping for data collection and competitive analysis
Visual regression testing and UI auditing through automated snapshots

概要

主な機能

Automated form interaction including typing, clicking, and file uploads
Structured web scraping with CSS selectors and JSON output support
Advanced session management to save and restore authenticated login states
0 GitHub stars
High-resolution full-page and mobile viewport screenshot capture
Extensible TypeScript templates for complex E2E testing workflows

ユースケース

Automated E2E testing for web applications during the development lifecycle
Scheduled web scraping for data collection and competitive analysis
Visual regression testing and UI auditing through automated snapshots