Skills
.Work. You
Rest

s-frontend-visual-review

Community

Visual frontend review with real browser checks.

Software Engineering#performance#accessibility#frontend#browser-testing#visual-review#qa-automation#playwright-cli
Authorgyarra
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Pa' Cine frontend teams need a reliable way to validate UI changes visually across browsers and ensure interactions and accessibility cues render correctly before merging.

Core Features & Use Cases

  • Drive a real browser via Playwright CLI (default) to verify UI elements, navigation, and layout across viewports.
  • Escalate to Chrome DevTools MCP for deeper performance, accessibility, and network diagnostics when needed.
  • Follow a structured workflow with a state-tracker gate and standardized artifacts (screenshots, logs) to gate PR reviews.
  • Support authenticated admin pages and multi-page flows through snapshot-driven checks.

Quick Start

Open the target frontend page with Playwright CLI and capture a desktop screenshot to start the visual review.

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: s-frontend-visual-review
Download link: https://github.com/gyarra/cine_medallo_2/archive/main.zip#s-frontend-visual-review

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 471,000+ vetted skills library on demand.