Visual Test
Visual regression testing with screenshot comparison and diff analysis
- Type
- Slash Command
- Repository
- jeremylongshore/tons-of-skills-marketplace
- GitHub stars
- 2.8k
- License
- MIT
- Repo last updated
- Sep 27, 2026
What Visual Test is
Visual Test is a slash command published in the jeremylongshore/tons-of-skills-marketplace repository on GitHub, which has about 2.8k stars. The repository describes itself as: “Model-agnostic agent-skills platform with a harness-free canonical layer, verified adapters, and the ccpi package manager. Explore at tonsofskills.com.”
A slash command is a reusable prompt saved as a markdown file and run by typing its name after a slash. In Claude Code, custom commands have been merged into skills: a file in .claude/commands/ and a skill folder in .claude/skills/ both create the same kind of command, and existing command files keep working.
Visual Test gives you a repeatable way to run the same instructions without retyping them, optionally with arguments.
How to install Visual Test
Claude Code
- Download visual-test.md from the repository.
- Save it to ~/.claude/commands/ (all projects) or .claude/commands/ (one project). As a skill, you can instead save it as ~/.claude/skills/<name>/SKILL.md.
- Run it by typing / followed by its name.
Claude Cowork
- Turn the command into a skill: create a folder with the file saved as SKILL.md and zip it.
- In Customize → Skills, click +, then upload the ZIP.
- Run it from any task with / and the skill name.
New to extending Cowork? Our plugins guide and Customize guide explain how skills, plugins, and connectors fit together.
Inside the source file
An excerpt from plugins/testing/visual-regression-tester/commands/visual-test.md, shared under the repository's MIT license. Read the full file on GitHub.
Automated visual regression testing using screenshot comparison, pixel-perfect diff analysis, and integration with Percy, Chromatic, BackstopJS, and Playwright.
What You Do
- Setup Visual Tests
- Configure screenshot capture for components/pages
- Define viewport sizes and breakpoints
- Set up baseline images
- Run Visual Comparisons
- Capture current screenshots
- Compare against baselines
- Generate visual diffs
- Analyze Changes
- Review visual differences
- Classify intentional vs unintended changes
- Update baselines selectively
- CI/CD Integration
- Configure visual testing in pipelines
- Set up approval workflows
- Manage baseline updates
Usage Pattern
When invoked, you should:
- Identify components/pages to test visually
- Configure appropriate visual testing tool
- Generate baseline screenshots if needed
- Run visual comparison tests
- Analyze and report visual differences
- Provide recommendations for baseline updates
Output Format
## Visual Regression Test Report
### Tests Run: [N]
**Tool:** [Percy / Chromatic / BackstopJS / Playwright]
**Viewports:** [list]
### Visual Changes Detected: [N]
#### Component: [Name]
**Status:** [New / Changed / Removed]
**Diff Score:** [X%]
**Change Summary:**
- Layout shift: [description]
- Color changes: [description]
- Size changes: [description]
**Screenshots:**
…Supported Tools
- Percy (cloud-based visual testing)
- Chromatic (Storybook integration)
- BackstopJS (open-source)
- Playwright screenshots
- Puppeteer visual regression
- Cypress screenshots
Before you install
- Read the whole file first. Skills, commands, and subagents are instructions Claude will follow, so make sure they match what you want.
- Check which tools, scripts, or MCP servers it uses. Local servers and scripts run with your permissions.
- Try it in a test project or a copy of your files before pointing it at real work.
- Pin the version you tested, and review changes before updating.
- Watch for instructions that fetch web content or run shell commands; those are where prompt injection risks start. See our prompt injection guide.
FAQ
What is Visual Test?
Visual Test is a slash command for Claude Code and Claude Cowork from the jeremylongshore/tons-of-skills-marketplace repository on GitHub. Visual regression testing with screenshot comparison and diff analysis
How do I install Visual Test in Claude Code?
Download visual-test.md from the repository. Save it to ~/.claude/commands/ (all projects) or .claude/commands/ (one project). As a skill, you can instead save it as ~/.claude/skills/<name>/SKILL.md. Run it by typing / followed by its name.
Can I use Visual Test in Claude Cowork?
Turn the command into a skill: create a folder with the file saved as SKILL.md and zip it. In Customize → Skills, click +, then upload the ZIP. Run it from any task with / and the skill name.
Is Visual Test safe to install?
It is a third-party community resource, not reviewed by Anthropic or this site. Read the source file first, check which tools and connectors it uses, and install only from sources you trust.
Similar resources
- Branch Create Create feature branch with team naming convention Slash Command · jeremylongshore/tons-of-skills-marketplace
- Bridge Monitor Agent Monitor cross-chain bridge activity, analyze security models, detect exploits, and compare route fees across Wormhole, Stargate, Hop, and canonical L2 bridges. Use when tracking a pending bridge transfer, assessing TVL risk, or investigating unusual bridge behavior. Trigger with \"monitor bridge\", \"analyze bridge security\". Subagent · jeremylongshore/tons-of-skills-marketplace
- Brief Draft and redline contracts and policies — NDAs, MSAs, employment agreements, vendor contracts — with stage-appropriate risk framing. Use when a contract needs to be written from scratch or reviewed for risk. Trigger with "draft an NDA", "redline this contract". Subagent · jeremylongshore/tons-of-skills-marketplace
- Brightdata Pack 18 Grade-A skills for governed Bright Data proxy, Browser API, and snapshot operations Plugin · jeremylongshore/tons-of-skills-marketplace
- Weather Real-time weather forecast with 7-14 day predictions, temperature, Slash Command · jeremylongshore/tons-of-skills-marketplace
- Vertex Campaign Generate complete multimodal marketing campaigns using Vertex AI - video, Slash Command · jeremylongshore/tons-of-skills-marketplace
- Write Brief Guide the user through creating a clear, actionable product brief Slash Command · jeremylongshore/tons-of-skills-marketplace
- Validate Ethics Execute AI/ML task with intelligent automation Slash Command · jeremylongshore/tons-of-skills-marketplace