security-visual-testing

Validate URLs, scan for PII, capture viewports, and audit WCAG compliance.

1|Updated Dec 29, 2025
One-click install
npx skills add https://github.com/aquariuscook/Agent_Modus_Map --skill security-visual-testing-aquariuscook
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: security-visual-testing
Source: https://github.com/aquariuscook/Agent_Modus_Map/tree/main/.claude/skills/security-visual-testing
Command: npx skills add https://github.com/aquariuscook/Agent_Modus_Map --skill security-visual-testing-aquariuscook

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the critical need for robust web application testing by combining security vulnerability detection with visual regression and PII (Personally Identifiable Information) scanning, ensuring both functional correctness and data privacy.

Core Features & Use Cases

  • Security-First Approach: Validates URLs, scans for PII before screenshots, and audits accessibility.
  • Comprehensive Visual Testing: Captures parallel viewports (mobile, tablet, desktop) and compares against baselines for visual regressions.
  • Use Case: Ideal for testing e-commerce checkout pages, financial portals, or any application handling sensitive user data where visual integrity and security compliance are paramount.

Quick Start

Use the security-visual-testing skill to perform a full security and visual audit on https://example.com.

Frequently Asked Questions about security-visual-testing

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

FAQPage Schema
How do I run visual regression testing on web applications that handle sensitive user data?

Visual regression testing for sensitive web applications is performed by validating URLs and scanning for PII before capturing parallel viewports to compare against baselines. This ensures visual integrity without exposing personally identifiable information during the testing process.

What is security-aware visual testing and when do I need it?

Security-aware visual testing combines vulnerability detection with visual regression and PII scanning. You need this technique for testing e-commerce checkout pages, financial portals, or any application where functional correctness, visual integrity, and data privacy compliance are paramount.

Can I audit WCAG accessibility compliance during web application visual testing?

Yes, you can audit WCAG accessibility compliance during web application visual testing. The process validates URLs, scans for PII, captures parallel viewports across mobile, tablet, and desktop, and performs accessibility compliance auditing in a single comprehensive pass.

How do I capture parallel viewports for visual regression checks across different devices?

To capture parallel viewports for visual regression checks, the testing process simulates mobile, tablet, and desktop screen sizes simultaneously. It then compares these captures against baseline images to detect visual regressions across the supported device viewports.

Does this visual testing approach scan for PII before taking screenshots?

Yes, this security-first visual testing approach explicitly scans for PII before capturing any screenshots. It validates the target URLs first to ensure that sensitive data is detected and handled securely prior to executing any visual regression or accessibility audits.

What are the limitations of combining PII scanning with visual regression testing?

A limitation of combining PII scanning with visual regression testing is that the security validation and PII detection must occur before screenshot capture, which may increase test execution time. This approach is specifically tailored for web applications handling sensitive data rather than general-purpose sites.