How do I handle forms inside iframes?

It includes specific workflows for detecting iframes, checking cross-origin access, and switching execution contexts between the main page and nested frames.

How does this skill help with 2FA login flows?

It provides a specific methodology for mapping multi-step flows and implementing TOTP/MFA handling within automation scripts, ensuring timing issues are avoided.

Which automation tool is recommended by this skill?

Playwright is generally recommended for modern web tasks due to its built-in smart waiting, excellent iframe support, and cross-browser testing capabilities.

Can I use this skill for web scraping tasks?

Yes, the investigation methodology is ideal for identifying the most stable selectors and handling dynamic content for reliable data extraction.

What is the best way to find reliable element selectors?

The skill outlines a priority hierarchy, favoring unique IDs and data-attributes over brittle CSS classes or complex XPath expressions.

Web Automation Investigation

Name: Web Automation Investigation
Author: smykla-skalski

bysmykla-skalski

0•

브라우저 자동화

Provides a systematic methodology for investigating, discovering selectors, and implementing robust browser automation for complex web scenarios.

This skill equips developers with a comprehensive framework for tackling web automation challenges, from initial DOM reconnaissance to production-ready implementation. It guides users through element discovery using stable selector strategies, tool selection between Playwright, Selenium, and Puppeteer, and debugging techniques for handling iframes, multi-step flows, and dynamic content. Whether you're building scrapers, automated tests, or AI-driven browser controllers, this skill ensures reliable interactions by identifying common pitfalls like race conditions and hidden shadow DOMs.

주요 기능

01Best practices for robust element selector discovery (ID, data attributes, XPath)

02Comprehensive tool comparison for Playwright, Puppeteer, and Selenium

030 GitHub stars

04Systematic 5-step investigation process for any website

05Advanced debugging workflows for iframes, modals, and 2FA flows

06Reusable code patterns for retries, wait strategies, and form handling

사용 사례

01Debugging timing issues and element visibility failures in E2E tests

02Automating multi-step login flows with 2FA and dynamic redirects

03Identifying stable CSS selectors for fragile web scraping targets

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add smykla-skalski/research web-automation-investigation

For use in Claude.ai and ChatGPT

주요 기능

01Best practices for robust element selector discovery (ID, data attributes, XPath)

02Comprehensive tool comparison for Playwright, Puppeteer, and Selenium

030 GitHub stars

04Systematic 5-step investigation process for any website

05Advanced debugging workflows for iframes, modals, and 2FA flows

06Reusable code patterns for retries, wait strategies, and form handling

사용 사례

01Debugging timing issues and element visibility failures in E2E tests

02Automating multi-step login flows with 2FA and dynamic redirects

03Identifying stable CSS selectors for fragile web scraping targets

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add smykla-skalski/research web-automation-investigation

For use in Claude.ai and ChatGPT