Skip to content
cccskills
FreePublished on GitHub

browser-automation

Automate website searches, logins, form entry, and price comparisons using Playwright, a browser automation tool. Provides workflows for locating page elements, checking results, and recovering from navigation errors or missing elements.

OriginalShow the original description

Playwright-based browser automation patterns for autonomous web interaction

Works withPlaywright
See how to install

Good for

  • Comparing product prices across online stores
  • Filling and submitting web forms
  • Logging in and checking the result
  • Checking product details and preparing a shopping cart

Files included (2)

  • SKILL.md4.0 KB
  • HAND.toml8.9 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Browser Automation Skill

Playwright CSS Selector Reference

Basic Selectors

SelectorDescriptionExample
#idBy ID#checkout-btn
.classBy class.add-to-cart
tagBy elementbutton, input
[attr=val]By attribute[data-testid="submit"]
tag.classCombinedbutton.primary

Form Selectors

SelectorUse Case
input[type="email"]Email fields
input[type="password"]Password fields
input[type="search"]Search boxes
input[name="q"]Google/search query
textareaMulti-line text areas
select[name="country"]Dropdown menus
input[type="checkbox"]Checkboxes
input[type="radio"]Radio buttons
button[type="submit"]Submit buttons

Navigation Selectors

SelectorUse Case
a[href*="cart"]Cart links
a[href*="checkout"]Checkout links
a[href*="login"]Login links
nav aNavigation menu links
.breadcrumb aBreadcrumb links
[role="navigation"] aARIA nav links

E-commerce Selectors

SelectorUse Case
.product-price, [data-price]Product prices
.add-to-cart, #add-to-cartAdd to cart buttons
.cart-total, .order-totalCart total
.quantity, input[name="quantity"]Quantity selectors
.checkout-btn, #checkoutCheckout buttons

Common Workflows

Product Search & Purchase

1. browser_navigate → store homepage
2. browser_type → search box with product name
3. browser_click → search button or press Enter
4. browser_read_page → scan results
5. browser_click → desired product
6. browser_read_page → verify product details & price
7. browser_click → "Add to Cart"
8. browser_navigate → cart page
9. browser_read_page → verify cart contents & total
10. STOP → Report to user, wait for approval
11. browser_click → "Proceed to Checkout" (only after approval)

Account Login

1. browser_navigate → login page
2. browser_type → email/username field
3. browser_type → password field
4. browser_click → login/submit button
5. browser_read_page → verify successful login

Form Submission

1. browser_navigate → form page
2. browser_read_page → understand form structure
3. browser_type → fill each field sequentially
4. browser_click → checkboxes/radio buttons as needed
5. browser_screenshot → visual verification before submit
6. browser_click → submit button
7. browser_read_page → verify confirmation

Price Comparison

1. For each store:
   a. browser_navigate → store URL
   b. browser_type → search query
   c. browser_read_page → extract prices
   d. memory_store → save price data
2. memory_recall → compare all prices
3. Report findings to user

Error Recovery Strategies

ErrorRecovery
Element not foundTry alternative selector, use visible text, scroll page
Page timeoutRetry navigation, check URL
Login requiredInform user, ask for credentials
CAPTCHACannot solve — inform user
Pop-up/modalClick dismiss/close button first
Cookie consentClick "Accept" or dismiss banner
Rate limitedWait 30s, retry
Wrong pageUse browser_read_page to verify, navigate back

Security Checklist

  • Verify domain before entering credentials
  • Never store passwords in memory_store
  • Check for HTTPS before submitting sensitive data
  • Report suspicious redirects to user
  • Never auto-approve financial transactions
  • Warn about phishing indicators (misspelled domains, unusual URLs)

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

ansible

FreeSummary

Create Ansible automation for configuring and updating servers. Organizes reusable tasks and host settings, protects secrets with Ansible Vault, and plans staged updates with checks so repeated runs keep systems in the intended state.

  • Automating configuration across multiple servers
  • Organizing reusable tasks and environment settings
  • Encrypting credentials with Ansible Vault
RightNow-AI/openfang18.2KUpdated Jul 2, 2026

api-tester

FreeSummary

Test and debug REST and GraphQL APIs using curl, httpie, Postman collections, or scripted tests. Check authentication, invalid inputs, pagination, and response details to identify failures that a successful status code alone may miss.

  • Checking authentication and access permissions
  • Testing invalid inputs and boundary conditions
  • Debugging failed HTTP requests
RightNow-AI/openfang18.2KUpdated Jul 2, 2026

aws

FreeSummary

Plan, deploy, and manage AWS infrastructure across computing, storage, networking, and serverless services. Get guidance on access permissions, backups, auditing, and cost management using AWS CLI and tools that define infrastructure in code.

  • Plan configurations for EC2, S3, and Lambda
  • Review IAM permissions and network access
  • Identify unused resources and review costs
RightNow-AI/openfang18.2KUpdated Jul 2, 2026

azure

FreeSummary

Helps design and provision Microsoft Azure infrastructure using az CLI and Bicep configuration files. Covers choosing application hosting services, managing identities and secrets, designing networks, setting up monitoring, and organizing resources for cost management.

  • Define repeatable infrastructure with Bicep
  • Choose hosting services for web apps and containers
  • Design identity permissions and secret storage
RightNow-AI/openfang18.2KUpdated Jul 2, 2026

ci-cd

FreeSummary

Design automated build, test, and deployment workflows for GitHub Actions, GitLab CI/CD, and Jenkins. Covers job ordering, dependency caching, secret handling, and gradual releases that use health checks before expanding deployment.

  • Automating builds, tests, and deployments
  • Reducing pipeline time with caching and parallel jobs
  • Planning gradual releases and rollbacks
RightNow-AI/openfang18.2KUpdated Jul 2, 2026

clip-hand-skill

FreeSummary

Prepare video clips with yt-dlp, whisper, and ffmpeg, covering downloads, speech transcription, subtitle files, trimming, and vertical formatting. Also includes methods for adding generated speech and sending finished videos through messaging APIs.

  • Turning longer videos into vertical clips
  • Creating and embedding subtitles from speech
  • Adding narration made with text-to-speech
RightNow-AI/openfang18.2KUpdated Jul 2, 2026

See all skills by RightNow-AI

Report a problem with this skill