{"id":"09745ef7-cce3-43a3-b4bf-cc8897e807fa","shortId":"VzPNyM","kind":"skill","title":"Puppeteer Screenshot Diff Engine","tagline":"Visual regression testing using Puppeteer page.screenshot() with pixelmatch comparison. Leverages CDP sessions via page.createCDPSession() for precise viewport emulation and network throttling.","description":"# Puppeteer Screenshot Diff Engine\n\nVisual regression testing using Puppeteer page.screenshot() with pixelmatch comparison. Leverages CDP sessions via page.createCDPSession() for precise viewport emulation and network throttling.\n\n## Installation\n\nUse the upstream install or setup path that matches your environment:\n- npm i puppeteer # Downloads compatible Chrome during installation.\n- npm i puppeteer-core # Alternatively, install as a library, without downloading Chrome.\n\nBasic usage or getting-started notes:\n- bash npm2yarn\n- ## MCP\n- a Puppeteer-based MCP server for browser automation and debugging.\n\n- Source: https://github.com/puppeteer/puppeteer\n- Extracted from upstream docs: https://raw.githubusercontent.com/puppeteer/puppeteer/HEAD/README.md\n\n## Documentation\n\n- https://pptr.dev/\n\n## Source\n\n- [Agent Skill Exchange](https://agentskillexchange.com/skills/puppeteer-screenshot-diff-engine/)","tags":["puppeteer","screenshot","diff","engine","skills","agentskillexchange","agent-skills","ai-agents","ai-tools","awesome-list","claude-code","codex"],"capabilities":["skill","source-agentskillexchange","skill-puppeteer-screenshot-diff-engine","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/puppeteer-screenshot-diff-engine","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 (909 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:57.833Z","embedding":null,"createdAt":"2026-05-18T13:18:39.961Z","updatedAt":"2026-05-18T19:11:57.833Z","lastSeenAt":"2026-05-18T19:11:57.833Z","tsv":"'/puppeteer/puppeteer':108 '/puppeteer/puppeteer/head/readme.md':115 '/skills/puppeteer-screenshot-diff-engine/)':124 'agent':119 'agentskillexchange.com':123 'agentskillexchange.com/skills/puppeteer-screenshot-diff-engine/)':122 'altern':76 'autom':102 'base':97 'bash':91 'basic':84 'browser':101 'cdp':15,40 'chrome':68,83 'comparison':13,38 'compat':67 'core':75 'debug':104 'diff':3,28 'doc':112 'document':116 'download':66,82 'emul':22,47 'engin':4,29 'environ':62 'exchang':121 'extract':109 'get':88 'getting-start':87 'github.com':107 'github.com/puppeteer/puppeteer':106 'instal':51,55,70,77 'leverag':14,39 'librari':80 'match':60 'mcp':93,98 'network':24,49 'note':90 'npm':63,71 'npm2yarn':92 'page.createcdpsession':18,43 'page.screenshot':10,35 'path':58 'pixelmatch':12,37 'pptr.dev':117 'precis':20,45 'puppet':1,9,26,34,65,74,96 'puppeteer-bas':95 'puppeteer-cor':73 'raw.githubusercontent.com':114 'raw.githubusercontent.com/puppeteer/puppeteer/head/readme.md':113 'regress':6,31 'screenshot':2,27 'server':99 'session':16,41 'setup':57 'skill':120 'skill-puppeteer-screenshot-diff-engine' 'sourc':105,118 'source-agentskillexchange' 'start':89 'test':7,32 'throttl':25,50 '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' 'upstream':54,111 'usag':85 'use':8,33,52 'via':17,42 'viewport':21,46 'visual':5,30 'without':81","prices":[{"id":"f1e5643d-c15a-496d-8a34-e4cbc7cb3970","listingId":"09745ef7-cce3-43a3-b4bf-cc8897e807fa","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:39.961Z"}],"sources":[{"listingId":"09745ef7-cce3-43a3-b4bf-cc8897e807fa","source":"github","sourceId":"agentskillexchange/skills/puppeteer-screenshot-diff-engine","sourceUrl":"https://github.com/agentskillexchange/skills/tree/main/skills/puppeteer-screenshot-diff-engine","isPrimary":false,"firstSeenAt":"2026-05-18T13:18:39.961Z","lastSeenAt":"2026-05-18T19:11:57.833Z"}],"details":{"listingId":"09745ef7-cce3-43a3-b4bf-cc8897e807fa","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"agentskillexchange","slug":"puppeteer-screenshot-diff-engine","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":"dc39f20955c7c03d6b7147c1597bac807984ec9e","skill_md_path":"skills/puppeteer-screenshot-diff-engine/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/agentskillexchange/skills/tree/main/skills/puppeteer-screenshot-diff-engine"},"layout":"multi","source":"github","category":"skills","frontmatter":{"name":"Puppeteer Screenshot Diff Engine","description":"Visual regression testing using Puppeteer page.screenshot() with pixelmatch comparison. Leverages CDP sessions via page.createCDPSession() for precise viewport emulation and network throttling."},"skills_sh_url":"https://skills.sh/agentskillexchange/skills/puppeteer-screenshot-diff-engine"},"updatedAt":"2026-05-18T19:11:57.833Z"}}