visual-proof-pr

Coordinate visual-proof validation for PRs from design variants through Chrome verification.

1|Updated May 14, 2026
One-click install
npx skills add https://github.com/libz-renlab-ai/Matrix-Viki --skill visual-proof-pr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visual-proof-pr
Source: https://github.com/libz-renlab-ai/Matrix-Viki/tree/main/.claude/skills/visual-proof-pr
Command: npx skills add https://github.com/libz-renlab-ai/Matrix-Viki --skill visual-proof-pr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual-proof guided PR workflow coordinates design-to-PR lifecycle, enabling rapid validation of visual designs before code integration, reducing back-and-forth.

Core Features & Use Cases

  • End-to-end design validation: generate design variants, finalize HTML, verify via Chrome, implement and prepare for squash-merge.
  • Structured review automation: trigger /review and PR automation, ensuring traceable approvals and artifacts.
  • Human-in-the-loop verification: Chrome pop-open checks and explicit verification steps before merging.

Quick Start

Initiate the visual-proof PR workflow by generating design variants, finalize HTML, verify in Chrome, and proceed with the PR review.

Frequently Asked Questions about visual-proof-pr

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

FAQPage Schema
How do I validate visual design correctness before a pull request?

To validate visual design correctness before a pull request, use a visual-proof workflow that coordinates design-to-PR lifecycle steps. It enforces end-to-end validation from generating design variants and finalizing HTML to Chrome verification, ensuring design correctness before code integration.

What is a visual-proof PR workflow and when do I need it for my project?

A visual-proof PR workflow is a structured process coordinating the design-to-PR lifecycle to ensure design correctness before implementation. You need it when you want to reduce back-and-forth by enabling rapid validation of visual designs through explicit verification steps prior to code integration.

How do I verify HTML design variants in Chrome before merging code?

You verify HTML design variants in Chrome by running a human-in-the-loop verification step within the visual-proof workflow. The workflow triggers Chrome pop-open checks to explicitly validate the finalized HTML against design requirements before proceeding to implementation and final PR review.

Can I automate design review and PR approval traceability for visual changes?

Yes, you can automate design review and PR approval traceability by triggering structured review automation within the visual-proof workflow. This enforces traceable approvals and artifacts, requiring explicit human verification and reproducible commands before finalizing the squash-merge.

Does the visual-proof workflow require specific project artifacts or commands?

Yes, the visual-proof workflow requires specific project artifacts and commands to function correctly. It enforces a reproducible workflow structure, mandating explicit validation at each stage from design variant generation through final PR review to ensure safe design integration.