Modern QA2026The 30-Minute Deep Dive — tiles
Log inJoin
131 / 168 · 01 Agent Skills for Browser Automation · How to Present Your Framework: 5, 15, and 30 Minute Versions← prev⊞ allnext →☰ Read as one page

18.3The 30-Minute Deep Dive

Use this for final-round technical interviews or architecture review boards.

Expand the 15-minute version with:

Additional Section: Token Economics (5 min)

Walk through the numbers from 03-skills-vs-mcp/02-token-budget-analysis.md. Explain the disk-first mechanism, the naive-vs-measured gap (per-step arithmetic looks like 50x+; measured end-to-end is ~4x because the agent still reads snapshots on demand), and why 4x still decides the architecture at scale.

Additional Section: WebDriver BiDi (5 min)

Cover the protocol evolution (Selenium → WebDriver → CDP → BiDi). BiDi is the present: ~70% CDP surface coverage, WebdriverIO v9 default, Selenium 5's forthcoming headline. Show the message flow diagram.

Additional Section: Competitive Landscape (5 min)

Compare Playwright CLI/Agents, Playwright MCP, Stagehand, browser-use, and Vibium as the standards-native case study. Explain your decision framework. Show the decision matrix.

Additional Section: Live Demo or Walkthrough (remaining time)

If possible, show:

  1. Installing the skill: playwright-cli install --skills
  2. Running a simple flow: agent opens a page, snapshots, fills by ref, verifies
  3. Showing the command log and a YAML snapshot
  4. Showing a failure with trace + recovery