{"id":"31669335-d1ef-42a7-9d1d-5abab4660b8c","shortId":"uAn66g","kind":"skill","title":"Playwright Visual Regression Tester","tagline":"Automates visual regression testing using the Playwright screenshot comparison API and pixelmatch diffing library. Captures baseline snapshots, detects pixel-level UI changes across viewport sizes, and generates HTML diff reports with threshold-based pass/fail results.","description":"# Playwright Visual Regression Tester\n\nAutomates visual regression testing using the Playwright screenshot comparison API and pixelmatch diffing library. Captures baseline snapshots, detects pixel-level UI changes across viewport sizes, and generates HTML diff reports with threshold-based pass/fail results.\n\n## Installation\n\nUse the upstream install or setup path that matches your environment:\n- npm install -g @playwright/cli@latest\n- npm i playwright\n\nRequirements and caveats from upstream:\n- Playwright is also available for [Python](https://playwright.dev/python/docs/intro), [.NET](https://playwright.dev/dotnet/docs/intro), and [Java](https://playwright.dev/java/docs/intro).\n\nBasic usage or getting-started notes:\n- bash\n- Optionally install skills for richer agent integration:\n- playwright-cli install --skills\n\n- Source: https://github.com/microsoft/playwright\n- Extracted from upstream docs: https://raw.githubusercontent.com/microsoft/playwright/HEAD/README.md\n\n## Source\n\n- [Agent Skill Exchange](https://agentskillexchange.com/skills/playwright-visual-regression-tester-3/)","tags":["playwright","visual","regression","tester","skills","agentskillexchange","agent-skills","ai-agents","ai-tools","awesome-list","claude-code","codex"],"capabilities":["skill","source-agentskillexchange","skill-playwright-visual-regression-tester-3","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/playwright-visual-regression-tester-3","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,091 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:11:47.374Z","embedding":null,"createdAt":"2026-05-18T13:18:25.563Z","updatedAt":"2026-05-18T19:11:47.374Z","lastSeenAt":"2026-05-18T19:11:47.374Z","tsv":"'/dotnet/docs/intro),':120 '/java/docs/intro).':125 '/microsoft/playwright':149 '/microsoft/playwright/head/readme.md':156 '/python/docs/intro),':116 '/skills/playwright-visual-regression-tester-3/)':163 'across':28,69 'agent':139,158 'agentskillexchange.com':162 'agentskillexchange.com/skills/playwright-visual-regression-tester-3/)':161 'also':110 'api':14,55 'autom':5,46 'avail':111 'base':39,80 'baselin':20,61 'bash':133 'basic':126 'captur':19,60 'caveat':105 'chang':27,68 'cli':143 'comparison':13,54 'detect':22,63 'dif':17,58 'diff':34,75 'doc':153 'environ':94 'exchang':160 'extract':150 'g':97 'generat':32,73 'get':130 'getting-start':129 'github.com':148 'github.com/microsoft/playwright':147 'html':33,74 'instal':83,87,96,135,144 'integr':140 'java':122 'latest':99 'level':25,66 'librari':18,59 'match':92 'net':117 'note':132 'npm':95,100 'option':134 'pass/fail':40,81 'path':90 'pixel':24,65 'pixel-level':23,64 'pixelmatch':16,57 'playwright':1,11,42,52,102,108,142 'playwright-c':141 'playwright.dev':115,119,124 'playwright.dev/dotnet/docs/intro),':118 'playwright.dev/java/docs/intro).':123 'playwright.dev/python/docs/intro),':114 'playwright/cli':98 'python':113 'raw.githubusercontent.com':155 'raw.githubusercontent.com/microsoft/playwright/head/readme.md':154 'regress':3,7,44,48 'report':35,76 'requir':103 'result':41,82 'richer':138 'screenshot':12,53 'setup':89 'size':30,71 'skill':136,145,159 'skill-playwright-visual-regression-tester-3' 'snapshot':21,62 'sourc':146,157 'source-agentskillexchange' 'start':131 'test':8,49 'tester':4,45 'threshold':38,79 'threshold-bas':37,78 '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' 'ui':26,67 'upstream':86,107,152 'usag':127 'use':9,50,84 'viewport':29,70 'visual':2,6,43,47","prices":[{"id":"66e044b9-e319-48cf-bb16-8e30a4321ba9","listingId":"31669335-d1ef-42a7-9d1d-5abab4660b8c","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:18:25.563Z"}],"sources":[{"listingId":"31669335-d1ef-42a7-9d1d-5abab4660b8c","source":"github","sourceId":"agentskillexchange/skills/playwright-visual-regression-tester-3","sourceUrl":"https://github.com/agentskillexchange/skills/tree/main/skills/playwright-visual-regression-tester-3","isPrimary":false,"firstSeenAt":"2026-05-18T13:18:25.563Z","lastSeenAt":"2026-05-18T19:11:47.374Z"}],"details":{"listingId":"31669335-d1ef-42a7-9d1d-5abab4660b8c","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"agentskillexchange","slug":"playwright-visual-regression-tester-3","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":"dbc73a10d65ad92d2384bf2678615f355ca2f940","skill_md_path":"skills/playwright-visual-regression-tester-3/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/agentskillexchange/skills/tree/main/skills/playwright-visual-regression-tester-3"},"layout":"multi","source":"github","category":"skills","frontmatter":{"name":"Playwright Visual Regression Tester","description":"Automates visual regression testing using the Playwright screenshot comparison API and pixelmatch diffing library. Captures baseline snapshots, detects pixel-level UI changes across viewport sizes, and generates HTML diff reports with threshold-based pass/fail results."},"skills_sh_url":"https://skills.sh/agentskillexchange/skills/playwright-visual-regression-tester-3"},"updatedAt":"2026-05-18T19:11:47.374Z"}}