Why use visual verification instead of just unit tests?

Visual verification catches layout issues, console errors, and interaction bugs that pass unit tests but fail to provide a good user experience.

Which browser automation tools does it support?

Currently, it is optimized for Playwright workflows to perform web application verification and screenshot capture.

What does the Visual Verification skill do?

It provides a framework for Claude to visually confirm that UI features work correctly in a browser environment, going beyond basic automated code tests.

How does it handle evidence of verification?

The skill includes a checklist item to capture screenshots, providing visual proof that the feature renders and behaves as expected.

Can I use this for mobile application testing?

Mobile verification support is currently listed as a feature coming soon to the repository.

Visual Feature Verification

Name: Visual Feature Verification
Author: gruckion

bygruckion

0•

セキュリティとテスト

Validates UI components and user flows through manual and automated browser interaction to ensure feature readiness.

The Visual Verification skill provides a structured framework for ensuring web and mobile features work exactly as intended from an end-user perspective. While automated tests provide a safety net, this skill guides Claude to perform active browser-based validation, checking for console errors, layout issues, and interaction flaws that unit tests often miss. By integrating workflows for tools like Playwright, it helps developers confirm that acceptance criteria are met and visual evidence is captured before a task is considered complete.

主な機能

01Verification checklists for production-ready UI

02Real-time console error and edge case monitoring

030 GitHub stars

04Automated screenshot capture for verification evidence

05Detection of UI rendering errors and element overlaps

06Browser-based feature validation using Playwright

ユースケース

01Validating complex user flows and multi-step interactions in a browser.

02Confirming new UI components render correctly without console errors.

03Checking for visual regressions and layout shifts after a frontend refactor.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add gruckion/chief-wiggum-anthropic-agent-harness visual-verification

For use in Claude.ai and ChatGPT

Download Skill