manual-qa

Official

Automated visual QA walkthrough

Authorwordshepherd
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the tedious and error-prone process of manually performing visual quality assurance checks across different viewports and states of a web application, ensuring consistency and catching visual regressions.

Core Features & Use Cases

  • Automated Screenshot Capture: Generates screenshots for desktop, mobile, and dark mode across various application sections.
  • State Validation: Checks loaded, empty, and error states for visual correctness.
  • Error Detection: Identifies console errors and network failures during the QA process.
  • Use Case: Before releasing a new feature, run this Skill to automatically generate a comprehensive set of screenshots for the entire application, allowing for a quick visual review and identification of any UI bugs.

Quick Start

Run the manual-qa skill to capture screenshots for all sections of the application.

Dependency Matrix

Required Modules

None required

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: manual-qa
Download link: https://github.com/wordshepherd/colophony/archive/main.zip#manual-qa

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