Skills
.Work. You
Rest

web-dev-loop

Community

Browser-test frontend loops with Playwright

Software Engineering#frontend#nextjs#playwright#docker compose#browser testing#ui debugging
Authorvhqtvn
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers run reliable browser-assisted frontend debugging and testing workflows without creating separate browser infrastructure.

Core Features & Use Cases

  • Playwright Frontend Testing: Runs browser smoke tests for Next.js applications through the repository's Compose-managed browser lane.
  • Debug Artifact Collection: Captures traces, screenshots, videos, and reports in repo-scoped locations for investigating UI issues.
  • Workflow Selection: Guides choosing fixture-backed checks or live web stack validation when testing frontend behavior.

Quick Start

Use the web-dev-loop skill to run Playwright checks for the frontend and collect debugging artifacts in the repository.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: web-dev-loop
Download link: https://github.com/vhqtvn/vh-agent-harness/archive/main.zip#web-dev-loop

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 545,000+ vetted skills library on demand.