intent-solutions-io/performing-visual-regression-testing
010-archive/backups-20251108/skill-structure-cleanup-20251108-073936/plugins/testing/visual-regression-tester/skills/visual-regression-tester/SKILL.md
This skill enables Claude to execute visual regression tests using tools like Percy, Chromatic, and BackstopJS. It captures screenshots, compares them against baselines, and analyzes visual differences to identify unintended UI changes. Use this skill when the user requests visual testing, UI change verification, or regression testing for a web application or component. Trigger phrases include "visual test," "UI regression," "check visual changes," or "/visual-test".
$ install --global
skillsauthnpx skillsauth add intent-solutions-io/plugins-nixtla performing-visual-regression-testingInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Jul 11, 2026, 8:48 AM347.4s4 files scanned
SKILL.md
- name:
- performing-visual-regression-testing
- description:
- |
- allowed-tools:
- Read, Bash, Grep, Glob
- version:
- 1.0.0
Overview
This skill empowers Claude to automatically detect unintended UI changes by performing visual regression tests. It integrates with popular visual testing tools to streamline the process of capturing screenshots, comparing them against baselines, and identifying visual differences.
How It Works
- Capture Screenshots: Captures screenshots of specified components or pages using the configured visual testing tool.
- Compare Against Baselines: Compares the captured screenshots against established baseline images.
- Analyze Visual Diffs: Identifies and analyzes visual differences between the current screenshots and the baselines.
When to Use This Skill
This skill activates when you need to:
- Detect unintended UI changes introduced by recent code modifications.
- Verify the visual consistency of a web application across different browsers or environments.
- Automate visual regression testing as part of a CI/CD pipeline.
Examples
Example 1: Verifying UI Changes After a Feature Update
User request: "Run a visual test on the homepage to check for any UI regressions after the latest feature update."
The skill will:
- Capture a screenshot of the homepage.
- Compare the screenshot against the baseline image of the homepage.
- Report any visual differences detected, highlighting potential UI regressions.
Example 2: Checking Visual Consistency Across Browsers
User request: "Perform a visual regression test on the product details page to ensure it renders correctly in Chrome and Firefox."
The skill will:
- Capture screenshots of the product details page in both Chrome and Firefox.
- Compare the screenshots against the respective baseline images for each browser.
- Identify and report any visual inconsistencies detected between the browsers.
Best Practices
- Configuration: Ensure the visual testing tool is properly configured with the correct API keys and project settings.
- Baselines: Maintain accurate and up-to-date baseline images to avoid false positives.
- Viewport Sizes: Define appropriate viewport sizes to cover different screen resolutions and devices.
Integration
This skill can be integrated with other Claude Code plugins to automate end-to-end testing workflows. For example, it can be combined with a testing plugin to run visual tests after functional tests have passed.
Related Skills
intent-solutions-io/managing-database-sharding
tools
VerifiedTrustedCommunity
This skill assists with managing database sharding strategies. It is activated when the user needs to implement horizontal database sharding to scale beyond single-server limitations. The skill supports designing sharding strategies, distributing data across multiple database instances, and implementing consistent hashing, automatic rebalancing, and cross-shard query coordination. Use this skill when the user mentions "database sharding", "sharding implementation", "scale database", or "horizontal partitioning". The plugin helps design and implement sharding for high-scale applications.
8SKILL.mdUpdated Jul 11, 2026
intent-solutions-io/scanning-database-security
tools
VerifiedTrustedCommunity
This skill enables Claude to perform comprehensive database security scans using the database-security-scanner plugin. It is triggered when the user requests a security assessment of a database, including identifying vulnerabilities like weak passwords, SQL injection risks, and insecure configurations. The skill leverages OWASP guidelines to ensure thorough coverage and provides remediation suggestions. Use this skill when the user asks to "scan database security", "check database for vulnerabilities", "perform OWASP compliance check on database", or "assess database security posture". The plugin supports PostgreSQL and MySQL.
8SKILL.mdUpdated Jul 11, 2026
intent-solutions-io/designing-database-schemas
testing
VerifiedTrustedCommunity
This skill enables Claude to design and visualize database schemas. It leverages normalization guidance (1NF through BCNF), relationship mapping, and ERD generation to create efficient and well-structured databases. Use this skill when the user requests to "design a database schema", "create a database model", "generate an ERD", "normalize a database", or needs help with "database design best practices". The skill is triggered by terms like "database schema", "ERD diagram", "database normalization", and "relational database design".
8SKILL.mdUpdated Jul 11, 2026
intent-solutions-io/managing-database-replication
tools
VerifiedTrustedCommunity
This skill enables Claude to manage database replication, failover, and high availability configurations using the database-replication-manager plugin. It is designed to assist with tasks such as setting up master-slave replication, configuring automatic failover, monitoring replication lag, and implementing read scaling. Use this skill when the user requests help with "database replication", "failover configuration", "high availability", "replication lag", or "read scaling" for databases like PostgreSQL or MySQL. The plugin facilitates both physical and logical replication strategies.
8SKILL.mdUpdated Jul 11, 2026