webapp-testing
Playwright로 로컬 웹 앱 테스트하기
수동 브라우저 확인은 로컬 앱의 렌더링 상태 문제를 놓치기 쉽습니다. 이 스킬은 Claude, Codex, Claude Code가 Playwright 스크립트, 스크린샷, 콘솔 로그, 서버 지원 테스트를 활용하도록 안내합니다.
설치 전에 중지하고 확인을 요청하세요.
계획을 검토하고 파일을 변경하기 전에 사용자의 명시적 동의를 받으세요.
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "webapp-testing" from https://skillstore.io/skills/artemisai-webapp-testing.md and its manifest at https://skillstore.io/api/skills/artemisai-webapp-testing/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"webapp-testing" 사용 중입니다. localhost의 내 대시보드를 검사하고 고장 난 UI 컨트롤을 찾아주세요.
예상 결과:
- 페이지가 network idle에 도달한 후 스크린샷을 캡처했습니다.
- 기본 내비게이션, 대시보드 카드, 세 개의 양식 입력 요소를 찾았습니다.
- 설정 버튼은 예상 대기 시간 후에도 표시되지 않았습니다.
"webapp-testing" 사용 중입니다. 로그인 시도 중 브라우저 콘솔 메시지를 캡처하세요.
예상 결과:
- 로그인 워크플로 중 콘솔 출력을 수집했습니다.
- 누락된 이미지 asset에 대한 경고 하나를 찾았습니다.
- 양식 제출을 막는 클라이언트 측 오류는 없었습니다.
"webapp-testing" 사용 중입니다. 내 로컬 서비스를 시작하고 체크아웃 페이지를 검증하세요.
예상 결과:
- 테스트가 시작되기 전에 설정된 두 포트가 모두 준비되었습니다.
- 체크아웃 페이지가 로드되었고 결제 필드가 표시되었습니다.
- 필수 테스트 값이 누락되어 제출 동작이 실패했습니다.
보안 감사
높은 위험Two subprocess findings are confirmed because caller-controlled values can launch arbitrary processes, including a server command through a shell. The remaining 28 findings are safe local URLs, expected artifact writes, or Markdown backticks, but the instruction to execute scripts before inspection is a separate high-risk prompt injection concern.
확인된 보안 우려 사항 (1)
기능 검토 항목 (2)
이 스킬에 대해 예상될 수 있는 실제 로컬 기능이므로 검토가 필요하지만, 확인된 악의적 동작으로는 집계되지 않습니다.
위험 요인
📁 파일 시스템 접근 (4)
⚙️ 외부 명령어 (23)
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/artemisai-webapp-testing/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/artemisai-webapp-testing?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/artemisai-webapp-testing?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/artemisai-webapp-testing/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/artemisai-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 인용
ArtemisAI. (2026). webapp-testing security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/artemisai-webapp-testing/audits/9BibTeX 인용
@techreport{artemisai-artemisai-webapp-testing-2026,
author = {ArtemisAI},
title = {webapp-testing security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/artemisai-webapp-testing/audits/9},
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 9)"
version: "unspecified"
type: report
authors:
- name: "ArtemisAI"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/artemisai-webapp-testing/audits/9"
identifiers:
- type: other
value: "skillstore:artemisai-webapp-testing:audit:9"
description: "Skillstore immutable audit report identifier"
변형 비교
설치 가능한 변형 11개각 작성자의 스킬은 별도의 설치 항목으로 유지됩니다. 추천 변형은 Skillstore 근거로 순위가 정해집니다.
이 변형이 1위인 이유
autumnsgrove-webapp-testing
2026-09-09
cam10001110101-webapp-testing
2026-09-09
Skillstore 점수
이 점수의 이유 증거 신뢰도: 중간만들 수 있는 것
로컬 UI 변경 검증
페이지 준비 상태를 기다리고 스크린샷을 캡처하여 변경 후 로컬 프론트엔드를 확인합니다.
브라우저 동작 디버깅
실행 중인 앱에서 콘솔 메시지, 렌더링된 DOM 세부 정보, 시각적 증거를 수집합니다.
앱 시작 조율
브라우저 자동화 워크플로를 실행하기 전에 백엔드와 프론트엔드 서버를 시작합니다.
이 프롬프트를 사용해 보세요
이 스킬을 사용해 포트 5173에서 실행 중인 내 로컬 앱을 검사하세요. network idle을 기다리고, 스크린샷을 캡처한 뒤, 보이는 문제를 보고하세요.
로컬 페이지를 열고 보이는 버튼, 링크, 입력 요소를 나열한 다음, 주요 워크플로에 사용할 안정적인 selector를 제안하세요.
대시보드와 상호작용하는 동안 콘솔 메시지를 캡처하는 Playwright 확인을 실행한 다음, 오류와 가능한 원인을 요약하세요.
먼저 헬퍼 사용법을 검토하세요. 백엔드와 프론트엔드를 로컬에서 시작하고, 준비 상태를 기다린 다음, Playwright로 로그인 흐름을 검증하세요.
모범 사례
- 로컬 서버를 시작하기 전에 헬퍼 사용법과 명령을 검토하세요.
- 동적 페이지를 검사하기 전에 network idle을 기다리세요.
- selector를 변경하기 전에 스크린샷과 콘솔 로그를 캡처하세요.
피하기
- 검토 없이 신뢰할 수 없는 서버 명령을 실행하는 것.
- 렌더링 상태가 준비되기 전에 동적 앱을 테스트하는 것.
- 비밀 정보가 포함된 스크린샷이나 로그를 공유 위치에 저장하는 것.
자주 묻는 질문
이 스킬은 배포된 프로덕션 사이트를 테스트하나요?
어떤 브라우저 자동화 라이브러리를 사용하나요?
내 개발 서버를 시작할 수 있나요?
Claude, Codex, Claude Code가 이 스킬을 사용할 수 있나요?
selector를 자동으로 선택하나요?
스크린샷과 로그는 어디에 저장되나요?
개발자 세부 정보
작성자
ArtemisAI라이선스
Complete terms in LICENSE.txt
Skillstore 리비전
r2
버전 안내
작성자가 버전을 선언하지 않았습니다.
참조
89edfdc710d0846129dcee6a929477b04f08052c
유지보수 최신성
2026. 7. 24.
사용량
45 다운로드 · 280 조회
파일 구조