visual-dev

Community

Visual UI QA for dashboards with Patchright.

Authoradam-s
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Visual development helps teams verify UI layouts and screenshot-driven quality for dashboards.

Core Features & Use Cases

  • Built-in loop for design, screenshot, evaluation, and iteration until issues are resolved.
  • 7-criteria visual validation, multi-viewport checks, and Patchright-driven automation for screenshots.
  • Use case: Verify that a new dashboard page renders correctly across viewports and meets layout and interaction expectations.

Quick Start

Run the visual development loop to build, screenshot, judge, fix, and re-screenshot until zero issues are identified.

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: visual-dev
Download link: https://github.com/adam-s/intercept/archive/main.zip#visual-dev

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.