스킬 playwright-skill

🎭

playwright-skill

Name: playwright-skill
Author: sickn33

낮은 위험 ⚙️ 외부 명령어🌐 네트워크 접근📁 파일 시스템 액세스🔑 환경 변수⚡ 스크립트 포함

Automate browser tasks with Playwright

또한 다음에서 사용할 수 있습니다: lackeyjb

This skill enables Claude Code to automate browser interactions using Playwright, handling dev server detection, test script execution, and comprehensive web testing capabilities.

지원: Claude Codex Code(CC)

📊 71 적절함

스킬 ZIP 다운로드

Claude에서 업로드

설정 → 기능 → 스킬 → 스킬 업로드로 이동

토글을 켜고 사용 시작

테스트해 보기

"playwright-skill" 사용 중입니다. Test my local app at localhost:3000

예상 결과:

Auto-detected dev server on port 3000. Launching browser to test...

Page title: My Web App
Viewport: 1280x720
✓ Page loaded successfully
✓ No console errors detected
✓ Screenshot saved to /tmp/screenshot-2024-01-15.png

"playwright-skill" 사용 중입니다. Check responsive design

예상 결과:

Testing across viewports:
- Mobile (375x667): ✓ No layout issues
- Tablet (768x1024): ✓ No layout issues
- Desktop (1280x720): ✓ No layout issues

All viewport tests passed. Screenshots saved to /tmp/

보안 감사

낮은 위험

v1 • 2/24/2026

This is a legitimate browser automation skill using the Playwright library. The static analyzer flagged many patterns but most are false positives: shell commands in documentation are usage examples, not dangerous execution; network access is required for browser automation; filesystem access is for writing test scripts to /tmp; environment variables are for configuration. No malicious intent detected.

스캔된 파일

1,811

분석된 줄 수

발견 사항

총 감사 수

중간 위험 문제 (1)

SKILL.md:9-500 API_REFERENCE.md:34-632

Shell Command Execution in Documentation

Documentation files contain shell command examples using backticks. These are usage examples for users, not dangerous code execution within the skill itself.

낮은 위험 문제 (2)

lib/helpers.js:15-46

Environment Variable Configuration

Skill reads configuration from environment variables (PW_HEADER_NAME, HEADLESS, etc.). This is legitimate configuration, not credential access.

run.js:209

Dynamic Script Loading

Skill uses require() to load Playwright and user test scripts. This is the expected mechanism for a scripting skill.

위험 요인

⚙️ 외부 명령어 (1)

🌐 네트워크 접근 (1)

📁 파일 시스템 액세스 (1)

🔑 환경 변수 (1)

⚡ 스크립트 포함 (1)

감사자: claude

품질 점수

아키텍처

100

유지보수성

콘텐츠

커뮤니티

보안

사양 준수

만들 수 있는 것

Web Developer Testing

Test web applications locally by auto-detecting dev servers and running automated browser tests across multiple viewport sizes.

QA Automation

Create end-to-end tests for web applications, validate login flows, and check responsive design across different devices.

Web Scraping

Extract content from websites that require JavaScript rendering, including screenshots and structured data extraction.

이 프롬프트를 사용해 보세요

Test Local Web App

Test my local web application. First detect any running dev servers, then verify the main page loads correctly and check for console errors.

Responsive Design Check

Check if my web application looks good on mobile, tablet, and desktop viewports. Take screenshots at each size and report any layout issues.

Test the login flow on [URL]. Fill in the credentials, click login, and verify successful authentication by checking for dashboard or user menu.

Form Submission Test

Fill out and submit the contact form on [URL] with test data. Verify the form submits successfully and check for any validation errors.

모범 사례

Always use parameterized URLs via constants or environment variables for maintainability
Write test scripts to /tmp to keep project directories clean
Use visible browser mode (headless: false) for debugging, switch to headless for CI
Handle async operations properly with waitForSelector and waitForNavigation

피하기

Do not hardcode credentials in test scripts - use environment variables instead
Avoid testing against production websites without authorization
Do not rely solely on sleep/timers - use proper wait conditions for reliable tests
Avoid writing test files to the skill directory - always use /tmp

자주 묻는 질문

How do I set up Playwright?

Run 'npm run setup' in the skill directory, or the skill will prompt you to install on first use.

Can I test external websites?

Yes, but some sites may block automated browsers. Always respect robots.txt and website terms of service.

How do I pass custom headers?

Set PW_HEADER_NAME and PW_HEADER_VALUE environment variables, or PW_EXTRA_HEADERS for multiple headers in JSON format.

Can I run in headless mode?

Set HEADLESS=false environment variable for visible browser mode. Default is headless for CI environments.

Where do test scripts get saved?

Test scripts are written to /tmp/playwright-test-*.js to avoid cluttering your project directory.

Does this work with Firefox and WebKit?

Yes, the skill supports chromium, firefox, and webkit browsers. Install additional browsers with 'npx playwright install firefox'.

개발자 세부 정보

작성자

sickn33

라이선스

MIT

리포지토리

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/playwright-skill

참조

main

파일 구조

📁 lib/

📄 helpers.js

📄 API_REFERENCE.md

📄 package.json

📄 run.js

📄 SKILL.md