스킬 webapp-testing

📦

webapp-testing

Name: webapp-testing
Author: Azeem-2

콘텐츠 리비전 r3 높은 위험 🌐 네트워크 접근📁 파일 시스템 접근⚙️ 외부 명령어

Playwright로 로컬 웹 앱 테스트하기

동적 페이지가 셀렉터와 브라우저 오류를 숨기면 프론트엔드 동작을 검증하기 어렵습니다. 이 스킬은 Claude, Codex, Claude Code가 로컬 Playwright 테스트, 스크린샷, DOM 검사, 콘솔 로그, 서버 설정을 수행하도록 안내합니다.

지원: Claude Codex Code(CC)

⚠️ 38 나쁨

Maintain this Skill? Claim it ⚠️ 38 나쁨

설치 전에 중지하고 확인을 요청하세요.

계획을 검토하고 파일을 변경하기 전에 사용자의 명시적 동의를 받으세요.

내 에이전트로 설치

이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.

에이전트 요청

Review the Skillstore skill "webapp-testing" from https://skillstore.io/skills/azeem-2-webapp-testing.md and its manifest at https://skillstore.io/api/skills/azeem-2-webapp-testing/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.

에이전트가 읽기 쉬운 리소스

AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.

Markdown 상세 GET /skills/azeem-2-webapp-testing.md 서명된 manifest GET /api/skills/azeem-2-webapp-testing/manifest 서명된 lockfile GET /api/skills/azeem-2-webapp-testing/lockfile

테스트해 보기

"webapp-testing" 사용 중입니다. 대시보드 페이지가 로드되고 예상한 내비게이션이 표시되는지 확인하세요.

예상 결과:

내비게이션 상태, 발견된 페이지 요소, 콘솔 경고, 스크린샷 파일 이름이 포함된 짧은 테스트 보고서.

"webapp-testing" 사용 중입니다. 내 로컬 앱의 가입 양식 셀렉터를 찾으세요.

예상 결과:

이름과 이메일에 대한 보이는 입력 필드를 찾았습니다.
페이지가 안정적인 로드 상태에 도달한 후 제출 버튼이 표시되었습니다.
제안된 셀렉터는 레이블, 역할, 안정적인 ID를 기준으로 했습니다.

"webapp-testing" 사용 중입니다. 정적 HTML 상호작용을 실행하고 스크린샷을 캡처하세요.

예상 결과:

클릭한 컨트롤, 채운 필드, 최종 페이지 상태, 저장된 스크린샷을 설명하는 전후 요약.

보안 감사

높은 위험

v12 • 2026. 7. 23. 버전별 보고서 열기

The helper executes caller-provided server strings through a shell and runs an unrestricted follow-up command. Most SKILL.md backtick alerts are Markdown false positives, but the instructions discourage source inspection before executing the helper.

스캔된 파일

512

분석된 줄 수

검토 항목

오탐 무시됨

확인된 보안 우려 사항 (1)

높음

SKILL.md:14 SKILL.md:85

Prompt Injection Attempt Detected

The instruction says, "DO NOT read the source until you try running the script first" and later recommends using scripts as black boxes. This discourages security inspection before executing community code.

The text explicitly directs the agent to execute code before inspection and to avoid reading the implementation. That behavior can conceal unsafe operations from review.

기능 검토 항목 (5)

이 스킬에 대해 예상될 수 있는 실제 로컬 기능이므로 검토가 필요하지만, 확인된 악의적 동작으로는 집계되지 않습니다.

높음

scripts/with_server.py:88

Python subprocess.run

result = subprocess.run(args.command)

The helper executes the unrestricted trailing command supplied through command-line arguments. Shell parsing is disabled here, but the caller can still select any available executable and arguments.

높음

scripts/with_server.py:69

Python subprocess.Popen

process = subprocess.Popen(

The helper passes each caller-provided server string to subprocess.Popen with shell=True. Shell operators in that string can execute arbitrary local commands with the agent process permissions.

중간

examples/console_logging.py:31

Python file write/append

with open('/mnt/user-data/outputs/console.log', 'w') as f:

The example persists page-controlled console messages to a fixed file and overwrites any existing file there. Console output can contain credentials or other sensitive application data.

중간

examples/element_discovery.py:37

Temp directory access

page.screenshot(path='/tmp/page_discovery.png', full_page=True)

The example writes a potentially sensitive full-page screenshot to a predictable shared temporary path. This can overwrite an existing file or expose page content to other local processes.

중간

SKILL.md:69

Temp directory access

page.screenshot(path='/tmp/inspect.png', full_page=True)

The recommended code writes a full-page screenshot to a predictable path in a shared temporary directory. Sensitive page content may be overwritten or exposed through that path.

위험 요인

감사자: codex 감사 이력 보기 →

이 보고서 공유 및 인용

버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.

버전별 보고서 열기

보고서 링크 복사

https://skillstore.io/skills/azeem-2-webapp-testing/audits/12?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

[![Skillstore security assessment](https://skillstore.io/badges/skills/azeem-2-webapp-testing/security.svg)](https://skillstore.io/skills/azeem-2-webapp-testing?utm_source=security_passport_badge)

HTML 배지

<a href="https://skillstore.io/skills/azeem-2-webapp-testing?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/azeem-2-webapp-testing/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

임베드 카드

<iframe src="https://skillstore.io/embed/skills/azeem-2-webapp-testing.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

학술 인용 (APA · BibTeX · CFF)

APA 인용

Azeem-2. (2026). webapp-testing security audit report (audit version 12) [Author version unspecified]. Skillstore. https://skillstore.io/skills/azeem-2-webapp-testing/audits/12

BibTeX 인용

@techreport{azeem-2-azeem-2-webapp-testing-2026,
  author = {Azeem-2},
  title = {webapp-testing security audit report (audit version 12)},
  institution = {Skillstore},
  year = {2026},
  number = {12},
  url = {https://skillstore.io/skills/azeem-2-webapp-testing/audits/12},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "webapp-testing security audit report (audit version 12)"
version: "unspecified"
type: report
authors:
  - name: "Azeem-2"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/azeem-2-webapp-testing/audits/12"
identifiers:
  - type: other
    value: "skillstore:azeem-2-webapp-testing:audit:12"
    description: "Skillstore immutable audit report identifier"

변형 비교

설치 가능한 변형 11개

각 작성자의 스킬은 별도의 설치 항목으로 유지됩니다. 추천 변형은 Skillstore 근거로 순위가 정해집니다.

이 변형이 1위인 이유

Skillstore 점수가 가장 높음

작성자 / 소스 Skillstore 점수 증거 신뢰도 Skillstore 사용량 업데이트됨

AutumnsGrove 권장

autumnsgrove-webapp-testing

Skillstore 점수 85

증거 신뢰도 높음

Skillstore 사용량 72

업데이트됨

2026-09-09

7Spade

7spade-webapp-testing

Skillstore 점수 79

증거 신뢰도 높음

Skillstore 사용량 30

업데이트됨

2026-10-18

anthropics

webapp-testing

Skillstore 점수 50

증거 신뢰도 높음

Skillstore 사용량 119

업데이트됨

2026-09-09

ZhanlinCui

zhanlincui-webapp-testing

Skillstore 점수 38

증거 신뢰도 중간

Skillstore 사용량 146

업데이트됨

2026-09-09

ArtemisAI

artemisai-webapp-testing

Skillstore 점수 38

증거 신뢰도 중간

Skillstore 사용량 60

업데이트됨

2026-10-25

sickn33

sickn33-webapp-testing

Skillstore 점수 38

증거 신뢰도 중간

Skillstore 사용량 53

업데이트됨

2026-09-09

Azeem-2 현재

azeem-2-webapp-testing

Skillstore 점수 38

증거 신뢰도 중간

Skillstore 사용량 21

업데이트됨

2026-09-09

Cam10001110101

cam10001110101-webapp-testing

Skillstore 점수 38

증거 신뢰도 중간

Skillstore 사용량 20

업데이트됨

2026-09-09

DYAI2025

dyai2025-webapp-testing

Skillstore 점수 38

증거 신뢰도 중간

Skillstore 사용량 15

업데이트됨

2026-09-09

davila7

davila7-webapp-testing

Skillstore 점수 38

증거 신뢰도 중간

Skillstore 사용량 15

업데이트됨

2026-09-09

ComposioHQ

composiohq-webapp-testing

Skillstore 점수 38

증거 신뢰도 중간

Skillstore 사용량 14

업데이트됨

2026-09-09

Skillstore 점수

이 점수의 이유 증거 신뢰도: 중간

아키텍처

유지보수성

콘텐츠

커뮤니티

사양 준수

만들 수 있는 것

로컬 기능 검증

로컬 개발 서버에 대해 브라우저 테스트를 실행하고 보이는 동작을 캡처합니다.

UI 실패 디버그

페이지가 로드된 후 렌더링된 버튼, 링크, 입력 필드, 스크린샷, 콘솔 메시지를 검사합니다.

정적 HTML 검사 자동화

로컬 HTML 파일을 열고, 컨트롤과 상호작용하며, 전후 스크린샷을 캡처합니다.

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

로컬 페이지 열기

이 스킬을 사용해 현재 개발 서버 URL에서 내 로컬 앱을 여세요. 페이지 로딩이 끝날 때까지 기다린 뒤 보이는 문제를 보고하세요.

상호작용 요소 찾기

Playwright를 사용해 렌더링된 페이지를 검사하세요. 주요 워크플로의 보이는 버튼, 링크, 입력 필드와 가능성 높은 셀렉터를 나열하세요.

콘솔 문제 캡처

로컬 브라우저 자동화 단계를 실행하고, 콘솔 메시지를 캡처하고, 주요 사용자 동작을 수행한 뒤 경고나 오류를 요약하세요.

관리형 서버로 실행

서버 명령을 나와 함께 검토하고, 필요한 로컬 서버를 시작하고, 포트가 준비된 후 Playwright 워크플로를 실행한 뒤 프로세스를 정리하세요.

모범 사례

헬퍼 스크립트를 실행하기 전에 로컬 서버 명령을 검토하세요.
동적 콘텐츠를 검사하기 전에 페이지 로딩이 안정될 때까지 기다리세요.
취약한 레이아웃 셀렉터보다 역할, 레이블, 텍스트 또는 안정적인 ID 셀렉터를 선호하세요.

피하기

소스 검토나 사용자 승인 없이 알 수 없는 서버 명령을 실행하는 것.
스크립트와 네트워크 활동이 안정되기 전에 동적 페이지를 검사하는 것.
예제 localhost 포트와 출력 경로를 보편적인 기본값으로 취급하는 것.

자주 묻는 질문

이 스킬은 원격 프로덕션 웹사이트를 테스트하나요?

로컬 웹 애플리케이션과 정적 HTML 파일을 위해 설계되었습니다. 원격 테스트에는 명시적인 사용자 승인이 필요합니다.

어떤 브라우저 자동화 라이브러리를 사용하나요?

예제는 헤드리스 Chromium과 함께 Python Playwright를 사용합니다.

내 개발 서버를 시작할 수 있나요?

예, 헬퍼는 로컬 서버를 시작하고 포트를 기다릴 수 있습니다. 실행 전에 모든 명령을 검토하세요.

스크린샷을 캡처할 수 있나요?

예, 예제는 렌더링된 페이지와 정적 HTML 워크플로에 대한 전체 페이지 스크린샷을 보여줍니다.

브라우저 콘솔 로그를 수집할 수 있나요?

예, 콘솔 로깅 예제는 Playwright 세션 중 브라우저 콘솔 메시지를 캡처합니다.

완전한 테스트 스위트를 생성하나요?

아니요. 집중적인 Playwright 자동화를 안내할 수 있는 테스트 패턴과 예제를 제공합니다.

개발자 세부 정보

작성자

Azeem-2

라이선스

Complete terms in LICENSE.txt

Skillstore 리비전

버전 안내

작성자가 버전을 선언하지 않았습니다.

리포지토리

https://github.com/Azeem-2/HackthonII/tree/master/.claude/skills/webapp-testing

참조

8c3e20bba512c392d9b02ee748b18e0b09d4982c

유지보수 최신성

2026. 7. 24.

사용량

12 다운로드 · 241 조회

파일 구조

📁 examples/

📄 console_logging.py

📄 element_discovery.py

📄 static_html_automation.py

📄 LICENSE.txt

📁 scripts/

📄 with_server.py

📄 SKILL.md

Azeem-2의 다른 스킬

전체 보기

📦

constitutional-writer

문서에서 프로젝트 규약 초안 작성

팀은 미션, 가치, 거버넌스 규칙을 여러 문서에 흩어져 숨겨 두는 경우가 많습니다. 이 스킬은 이러한 요소를 추출해 명확한 프로젝트 규약으로 전환합니다.

문서화 보기

📦

frontend-design

차별화된 프론트엔드 인터페이스 설계

일반적인 웹 인터페이스는 서로 구분되지 않게 느껴지며 사용자의 브랜드나 제품 맥락을 놓칠 수 있습니다. 이 스킬은 Claude, Codex, Claude Code가 명확한 시각적 방향성을 갖춘 세련되고 기능적인 프론트엔드를 설계하도록 안내합니다.

디자인 및 크리에이티브 보기

📦

pdf

PDF 처리 자동화

PDF 워크플로는 여러 도구에 걸쳐 추출, 양식 작성, 파일 변환이 필요한 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code에 일반적인 PDF 작업을 위한 구조화된 단계와 스크립트를 제공합니다.

오피스 및 보고서 보기

📦

slack-gif-creator

Slack용 애니메이션 GIF 만들기

팀에는 Slack에서 보기 좋은 작은 애니메이션 GIF가 필요합니다. 이 스킬은 이모지 및 메시지 GIF의 생성, 검증, 최적화를 안내합니다.

디자인 및 크리에이티브 보기

📦

internal-comms

회사 내부 업데이트 초안 작성

팀은 흩어진 업데이트를 명확한 내부 메시지로 정리하느라 시간을 잃습니다. 이 스킬은 Claude, Codex, Claude Code가 간결한 뉴스레터, 3P 업데이트, FAQ, 일반 커뮤니케이션 초안을 작성하도록 안내합니다.

커뮤니케이션 보기

📦

doc-coauthoring

탄탄한 문서 공동 작성

복잡한 문서를 작성할 때 맥락, 구조, 독자의 가정이 불분명하면 어렵습니다. 이 스킬은 맥락 수집, 섹션 초안 작성, 반복적 편집, 독자 테스트를 안내합니다.

문서화 보기

전체 보기

📦

playwright-testing

Playwright 테스트 커버리지 개선

작성자 C0ntr0lledCha0s

구성, 로케이터, 픽스처가 일관되지 않으면 Playwright 스위트가 불안정해질 수 있습니다. 이 스킬은 신뢰할 수 있는 브라우저 테스트, 디버깅, 재사용 가능한 페이지 객체를 위한 실용적인 패턴을 제공합니다.

코딩 및 개발 보기

📦

playwright-best-practices

Playwright 테스트 안정성 개선

작성자 0xBigBoss

Playwright 테스트는 agent workflow에서 불안정하고, 느리며, 출력이 과도해지는 경우가 많습니다. 이 skill은 locator, assertion, fixture, 인증 재사용, network mock, compact reporter를 위한 간결한 패턴을 제공합니다.

코딩 및 개발 보기

📦

e2e-testing

Playwright E2E 테스트 워크플로 계획

작성자 sickn33

팀에는 안정적인 브라우저 테스트를 위한 명확한 단계가 필요합니다. 이 스킬은 Playwright 설정, 테스트 설계, 시각적 검사, 브라우저 커버리지, CI 통합을 안내합니다.

코딩 및 개발 보기

📦

testing

신뢰할 수 있는 테스트 자동화 구축

작성자 89jobrien

취약한 테스트는 릴리스를 늦추고 회귀를 숨깁니다. 이 스킬은 테스트 전략, TDD, 자동화, 커버리지 검토, Playwright 웹 검사를 안내합니다.

코딩 및 개발 보기

📦

firecrawl-build-interact

Firecrawl 브라우저 상호작용 구축

작성자 firecrawl

동적 페이지는 클릭, 폼, 로그인 흐름 뒤에 데이터를 숨기는 경우가 많습니다. 이 스킬은 팀이 Firecrawl /interact 통합을 선택하고 범위를 정하는 데 도움을 줍니다.

코딩 및 개발 보기

📦

clerk-testing

Test Clerk Authentication with Playwright or Cypress

작성자 clerk

Authentication setup and session handling can make end-to-end tests unreliable. This skill guides Clerk testing through framework-specific documentation, development keys, testing tokens, and session reuse.

코딩 및 개발 보기

webapp-testing

내 에이전트로 설치

에이전트가 읽기 쉬운 리소스

테스트해 보기

보안 감사

확인된 보안 우려 사항 (1)

위험 요인

보고서 링크 복사

Markdown 배지

HTML 배지

임베드 카드

APA 인용

BibTeX 인용

CITATION.cff

변형 비교

Skillstore 점수

만들 수 있는 것

로컬 기능 검증

UI 실패 디버그

정적 HTML 검사 자동화

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

모범 사례

피하기

자주 묻는 질문

개발자 세부 정보

Azeem-2의 다른 스킬

constitutional-writer

frontend-design

pdf

slack-gif-creator

internal-comms

doc-coauthoring

관련 스킬

playwright-testing

playwright-best-practices

e2e-testing

testing

firecrawl-build-interact

clerk-testing