{"id":"3a437d85-c4f9-4c34-9516-5bfc59edb9d8","shortId":"ZsUka3","kind":"skill","title":"BackstopJS Visual Regression Testing Automation","tagline":"BackstopJS gives agents a repeatable way to capture reference screenshots, compare UI states, and flag visual regressions before changes ship. This skill centers on the real BackstopJS project and turns browser-based layout comparison into a structured QA workflow for web teams.","description":"# BackstopJS Visual Regression Testing Automation\n\nBackstopJS gives agents a repeatable way to capture reference screenshots, compare UI states, and flag visual regressions before changes ship. This skill centers on the real BackstopJS project and turns browser-based layout comparison into a structured QA workflow for web teams.\n\n## Installation\n\nUse the upstream install or setup path that matches your environment:\n- npm install -g backstopjs\n- First, go ahead and install docker on your machine from the [Docker Downloads Page](https://store.docker.com/search?type=edition&offering=community&architecture=amd64).\n- Make sure Docker is running on your machine. On MacOS there is a menu item that looks like this... ![MacOS Docker Menu Item](https://user-images.githubusercontent.com/447033/42773728-fef034f4-88e2-11e8-9956-d58a7d4324...\n- npm install backstopjs\n\nRequirements and caveats from upstream:\n- **Backstop 6.3.2 -- now with support for Node 20** Many thanks to @dgrebb for this doozy of a maintainance release!\n- Integrated Docker rendering -- to eliminate cross-platform rendering shenanigans\n- Run globally or locally as a standalone package app or require('backstopjs') right into your node app\n\nBasic usage or getting-started notes:\n- sh\n- ----\n- ## Contents\n\n- Source: https://github.com/garris/BackstopJS\n- Extracted from upstream docs: https://raw.githubusercontent.com/garris/BackstopJS/HEAD/README.md\n\n## Source\n\n- [Agent Skill Exchange](https://agentskillexchange.com/skills/backstopjs-visual-regression-testing-automation/)","tags":["backstopjs","visual","regression","testing","automation","skills","agentskillexchange","agent-skills","ai-agents","ai-tools","awesome-list","claude-code"],"capabilities":["skill","source-agentskillexchange","skill-backstopjs-visual-regression-testing-automation","topic-agent-skills","topic-ai-agents","topic-ai-tools","topic-awesome-list","topic-claude-code","topic-codex","topic-cursor","topic-llm","topic-mcp","topic-npx-skills","topic-openclaw","topic-skills-catalog"],"categories":["skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/agentskillexchange/skills/backstopjs-visual-regression-testing-automation","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add agentskillexchange/skills","source_repo":"https://github.com/agentskillexchange/skills","install_from":"skills.sh"}},"qualityScore":"0.454","qualityRationale":"deterministic score 0.45 from registry signals: · indexed on github topic:agent-skills · 8 github stars · SKILL.md body (1,548 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T19:09:35.485Z","embedding":null,"createdAt":"2026-05-18T13:15:22.284Z","updatedAt":"2026-05-18T19:09:35.485Z","lastSeenAt":"2026-05-18T19:09:35.485Z","tsv":"'/447033/42773728-fef034f4-88e2-11e8-9956-d58a7d4324...':155 '/garris/backstopjs':222 '/garris/backstopjs/head/readme.md':229 '/search?type=edition&offering=community&architecture=amd64).':129 '/skills/backstopjs-visual-regression-testing-automation/)':236 '20':171 '6.3.2':165 'agent':8,56,231 'agentskillexchange.com':235 'agentskillexchange.com/skills/backstopjs-visual-regression-testing-automation/)':234 'ahead':115 'app':201,209 'autom':5,53 'backstop':164 'backstopj':1,6,32,49,54,80,112,158,204 'base':38,86 'basic':210 'browser':37,85 'browser-bas':36,84 'captur':13,61 'caveat':161 'center':28,76 'chang':24,72 'compar':16,64 'comparison':40,88 'content':218 'cross':189 'cross-platform':188 'dgrebb':175 'doc':226 'docker':118,124,132,150,184 'doozi':178 'download':125 'elimin':187 'environ':108 'exchang':233 'extract':223 'first':113 'flag':20,68 'g':111 'get':214 'getting-start':213 'github.com':221 'github.com/garris/backstopjs':220 'give':7,55 'global':194 'go':114 'instal':97,101,110,117,157 'integr':183 'item':144,152 'layout':39,87 'like':147 'local':196 'look':146 'machin':121,137 'maco':139,149 'maintain':181 'make':130 'mani':172 'match':106 'menu':143,151 'node':170,208 'note':216 'npm':109,156 'packag':200 'page':126 'path':104 'platform':190 'project':33,81 'qa':44,92 'raw.githubusercontent.com':228 'raw.githubusercontent.com/garris/backstopjs/head/readme.md':227 'real':31,79 'refer':14,62 'regress':3,22,51,70 'releas':182 'render':185,191 'repeat':10,58 'requir':159,203 'right':205 'run':134,193 'screenshot':15,63 'setup':103 'sh':217 'shenanigan':192 'ship':25,73 'skill':27,75,232 'skill-backstopjs-visual-regression-testing-automation' 'sourc':219,230 'source-agentskillexchange' 'standalon':199 'start':215 'state':18,66 'store.docker.com':128 'store.docker.com/search?type=edition&offering=community&architecture=amd64).':127 'structur':43,91 'support':168 'sure':131 'team':48,96 'test':4,52 'thank':173 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-tools' 'topic-awesome-list' 'topic-claude-code' 'topic-codex' 'topic-cursor' 'topic-llm' 'topic-mcp' 'topic-npx-skills' 'topic-openclaw' 'topic-skills-catalog' 'turn':35,83 'ui':17,65 'upstream':100,163,225 'usag':211 'use':98 'user-images.githubusercontent.com':154 'user-images.githubusercontent.com/447033/42773728-fef034f4-88e2-11e8-9956-d58a7d4324...':153 'visual':2,21,50,69 'way':11,59 'web':47,95 'workflow':45,93","prices":[{"id":"8ab792cb-0472-4b61-9fac-9985a786c13d","listingId":"3a437d85-c4f9-4c34-9516-5bfc59edb9d8","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"agentskillexchange","category":"skills","install_from":"skills.sh"},"createdAt":"2026-05-18T13:15:22.284Z"}],"sources":[{"listingId":"3a437d85-c4f9-4c34-9516-5bfc59edb9d8","source":"github","sourceId":"agentskillexchange/skills/backstopjs-visual-regression-testing-automation","sourceUrl":"https://github.com/agentskillexchange/skills/tree/main/skills/backstopjs-visual-regression-testing-automation","isPrimary":false,"firstSeenAt":"2026-05-18T13:15:22.284Z","lastSeenAt":"2026-05-18T19:09:35.485Z"}],"details":{"listingId":"3a437d85-c4f9-4c34-9516-5bfc59edb9d8","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"agentskillexchange","slug":"backstopjs-visual-regression-testing-automation","github":{"repo":"agentskillexchange/skills","stars":8,"topics":["agent-skills","ai-agents","ai-tools","awesome-list","claude-code","codex","cursor","llm","mcp","npx-skills","openclaw","skills-catalog"],"license":"mit","html_url":"https://github.com/agentskillexchange/skills","pushed_at":"2026-05-18T19:02:17Z","description":"The open catalog of AI agent skills — 2,000+ security-scanned skills for Claude Code, Cursor, Codex, and more.","skill_md_sha":"558a62867a3b0b6d4d525b86e86186c24e1ced97","skill_md_path":"skills/backstopjs-visual-regression-testing-automation/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/agentskillexchange/skills/tree/main/skills/backstopjs-visual-regression-testing-automation"},"layout":"multi","source":"github","category":"skills","frontmatter":{"name":"BackstopJS Visual Regression Testing Automation","description":"BackstopJS gives agents a repeatable way to capture reference screenshots, compare UI states, and flag visual regressions before changes ship. This skill centers on the real BackstopJS project and turns browser-based layout comparison into a structured QA workflow for web teams."},"skills_sh_url":"https://skills.sh/agentskillexchange/skills/backstopjs-visual-regression-testing-automation"},"updatedAt":"2026-05-18T19:09:35.485Z"}}