home/categories/testing/surfdeeper-surfing-game-claude-skills-component-screenshot-testing-skill-md
testingtesting-security

component-screenshot-testing

Screenshot testing for React components with Playwright. Captures component pixels and compares to baselines. Auto-apply when editing React component stories or *.visual.spec.ts files that test UI components.

surfdeeper
maintainer
surfdeeper
์—…๋ฐ์ดํŠธ๋จ 1/6/2026
์Šคํƒ€
0
ํฌํฌ
0
quick start

Installation and usage

Screenshot testing for React components with Playwright. Captures component pixels and compares to baselines. Auto-apply when editing React component stories or *.visual.spec.ts files that test UI components.

์„ค์น˜
$ install --globalskills.sh
์‚ฌ์šฉ๋ฒ•

์„ค์น˜ ํ›„ ํ„ฐ๋ฏธ๋„์—์„œ ๋‹ค์Œ ๋ช…๋ น์„ ์‹คํ–‰ํ•˜์—ฌ ์ด ์Šคํ‚ฌ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค:

skills use component-screenshot-testing