skills.rest
InnerScopeHearing
InnerScopeHearingOFFICIAL
Explore all skills by this author →
GitHub

live-walkthrough

Simulate user interactions across multiple devices to detect responsive bugs in web/Capacitor apps.

Updated May 30, 2026
Search Tags:#responsive design#browser automation#QA#user interaction#app testing
One-click install
npx skills add https://github.com/InnerScopeHearing/otchealth-claude-tools --skill live-walkthrough
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: live-walkthrough
Source: https://github.com/InnerScopeHearing/otchealth-claude-tools/tree/main/skills/live-walkthrough
Command: npx skills add https://github.com/InnerScopeHearing/otchealth-claude-tools --skill live-walkthrough

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @playwright/test, webkit, chromium, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the quality assurance process for web/Capacitor apps by simulating user interactions on multiple devices, identifying responsive and interaction bugs missed by static screenshots.

Core Features & Use Cases

  • Device Emulation: Simulates user interactions across iPhone SE, iPhone 14, iPhone 15 Pro Max, and Pixel 7 devices.
  • Responsive Bug Detection: Identifies layout and interaction issues on different screen sizes.
  • Real Interaction Simulation: Mimics taps, scrolls, drags, and navigations to detect issues like sticky bars, broken links, and text clipping.
  • Data Collection: Records video, trace, and screenshots for reproducible findings.
  • Use Case: Before releasing an app, use this Skill to automate QA and ensure the app performs well on various devices and user scenarios.

Quick Start

Use the live-walkthrough skill to perform QA on your app by running the command 'node skills/live-walkthrough/runner.mjs --url http://yourapp.com'.

Frequently Asked Questions about live-walkthrough

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate QA testing for responsive design across multiple mobile devices?▼

Automate QA testing for responsive design by simulating user interactions across iPhone SE, iPhone 14, iPhone 15 Pro Max, and Pixel 7. This identifies layout and interaction issues missed by static screenshots, ensuring web and Capacitor apps perform well on various screen sizes.

Does Playwright work for testing Capacitor apps and simulating real user interactions?▼

Playwright works for testing Capacitor apps by mimicking taps, scrolls, drags, and navigations. It detects issues like sticky bars, broken links, and text clipping, requiring a browser engine and custom stubs for API interaction simulation.

What is the best way to detect responsive layout bugs before releasing a web app?▼

The best way to detect responsive layout bugs is automating app QA with real interaction simulation across multiple devices. This approach records video, trace, and screenshots, providing reproducible findings for issues missed by static screenshots.

How do I run an automated user interaction simulation on my web app?▼

Run automated user interaction simulation by executing the runner script with your app URL. This simulates user interactions across multiple devices, validates responsive design, and records video, trace, and screenshots for reproducible findings.

Do I need custom API stubs for browser automation testing?▼

Custom API stubs are required for browser automation testing to simulate API interactions accurately. This ensures the automated QA process correctly mimics user interactions and identifies responsive and interaction bugs across multiple devices.

Related Skills

Explore More Software Engineering Skills→
vitorlopes-codervitorlopes-coder
1

playwright-cli

Automate browser interactions and web page testing with Playwright.

Community
Advanced
wesleysimpliciowesleysimplicio
1

playwright-e2e

Automate Playwright end-to-end tests with trace, screenshot, and video evidence.

Community
Advanced
betaTridentbetaTrident

browser-qa

Automate visual regression testing and UI interaction verification for web applications.

Community
Advanced
FldicoahkiinFldicoahkiin
1

adapt

Adapt designs across screen sizes, devices, and contexts with a structured plan.

Community
Advanced