live-walkthrough
OfficialAutomate app QA by simulating user interactions across devices.
AuthorInnerScopeHearing
Version1.0.0
Installs0
System Documentation
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'.
Dependency Matrix
Required Modules
@playwright/testwebkitchromium
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: live-walkthrough Download link: https://github.com/InnerScopeHearing/otchealth-claude-tools/archive/main.zip#live-walkthrough Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.