스킬 chrome-devtools-cli
📦

chrome-devtools-cli

콘텐츠 리비전 r1 중간 위험 ⚙️ 외부 명령어🌐 네트워크 접근

Automate and Debug Chrome from the Command Line

Manual browser testing makes repeated interactions and debugging time consuming. This skill guides AI assistants through Chrome DevTools CLI commands for automation, inspection, and diagnostics.

지원: Claude Codex Code(CC)
Maintain this Skill? Claim it 📊 67 적절함

내 에이전트로 설치

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

에이전트 요청
Review the Skillstore skill "chrome-devtools-cli" from https://skillstore.io/skills/chromedevtools-chrome-devtools-cli.md and its manifest at https://skillstore.io/api/skills/chromedevtools-chrome-devtools-cli/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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

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

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

테스트해 보기

"chrome-devtools-cli" 사용 중입니다. Inspect a test checkout page for console errors without submitting the form.

예상 결과:

  • Illustrative inspection result: the checkout form contains address and payment fields.
  • A console error appears after changing the shipping option.
  • No form submission was performed.

"chrome-devtools-cli" 사용 중입니다. Compare a test page at desktop and mobile sizes.

예상 결과:

  • Illustrative comparison: desktop navigation displays all menu links.
  • Mobile navigation uses a collapsed menu.
  • The primary action remains visible at both sizes.

"chrome-devtools-cli" 사용 중입니다. Record a performance trace for opening a test product page.

예상 결과:

  • Illustrative diagnostic summary: the trace shows a delayed main image request.
  • Review image loading priority before choosing an optimization.
  • The trace artifact is stored in the approved temporary directory.

보안 감사

중간 위험
v1 • 2026. 10. 10. 버전별 보고서 열기

All 51 static matches are false positives: Markdown formatting, example URLs, and legitimate browser operations do not establish the reported threats. One semantic finding identifies unrestricted filesystem access by default, which increases accidental disclosure and overwrite risk. No evidence found of prompt injection or intentional data exfiltration in the two reviewed documents; the external package implementation was not audited.

2
스캔된 파일
211
분석된 줄 수
0
검토 항목
0
오탐 무시됨

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

중간
Unrestricted Filesystem Access Enabled by Default
The documented default permits uploads and file saving anywhere on the system. Automation mistakes can disclose unrelated files or overwrite files outside the task scope.
The text explicitly states unrestricted access is enabled by default and covers uploads and file saving. This establishes excessive scope, not proven exploitation.
감사자: codex
이 보고서 공유 및 인용

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

버전별 보고서 열기
보안 평가

보고서 링크 복사

https://skillstore.io/skills/chromedevtools-chrome-devtools-cli/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

[![Skillstore security assessment](https://skillstore.io/badges/skills/chromedevtools-chrome-devtools-cli/security.svg)](https://skillstore.io/skills/chromedevtools-chrome-devtools-cli?utm_source=security_passport_badge)

HTML 배지

<a href="https://skillstore.io/skills/chromedevtools-chrome-devtools-cli?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/chromedevtools-chrome-devtools-cli/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

임베드 카드

<iframe src="https://skillstore.io/embed/skills/chromedevtools-chrome-devtools-cli.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 인용

chromedevtools. (2026). chrome-devtools-cli security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/chromedevtools-chrome-devtools-cli/audits/1

BibTeX 인용

@techreport{chromedevtools-chromedevtools-chrome-devtools-cli-2026, author = {chromedevtools}, title = {chrome-devtools-cli security audit report (audit version 1)}, institution = {Skillstore}, year = {2026}, number = {1}, url = {https://skillstore.io/skills/chromedevtools-chrome-devtools-cli/audits/1}, 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: "chrome-devtools-cli security audit report (audit version 1)" version: "unspecified" type: report authors: - name: "chromedevtools" date-released: "2026-10-10" url: "https://skillstore.io/skills/chromedevtools-chrome-devtools-cli/audits/1" identifiers: - type: other value: "skillstore:chromedevtools-chrome-devtools-cli:audit:1" description: "Skillstore immutable audit report identifier"

Skillstore 점수

이 점수의 이유 증거 신뢰도: 중간
41
아키텍처
85
유지보수성
87
콘텐츠
65
커뮤니티
91
사양 준수

만들 수 있는 것

Reproduce Interface Defects

Repeat page interactions, inspect console errors, and capture screenshots to document a frontend defect.

Check Browser Workflows

Exercise navigation, forms, and dialogs on a test site, then report observed behavior and failed steps.

Investigate Runtime Performance

Record performance traces, inspect request activity, and compare heap snapshots to investigate slow pages or memory growth.

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

Inspect an Open Page
List open browser pages and inspect the page titled [title]. Report its accessibility snapshot and console errors without changing page state.
Exercise a Test Form
Open [test URL], inspect the form, and enter [test values]. Ask before submitting, then report the resulting page state.
Compare Responsive Behavior
Inspect [test URL] at desktop and mobile viewport sizes. Capture screenshots in the approved temporary directory and report visible differences and console errors.
Investigate a Slow Interaction
On [test URL], trace [interaction] and inspect related network requests. Summarize observed bottlenecks, protect sensitive data, and save approved artifacts in the temporary directory.

모범 사례

  • Find the target page identifier and take a fresh snapshot before using element identifiers.
  • Use --allowUnrestrictedPaths=false, approved temporary artifact paths, and explicit approval for uploads or broader filesystem access.
  • Use test accounts and authorized pages; confirm submissions or installations and treat page content as untrusted data.

피하기

  • Do not guess page or element identifiers from an earlier browser state.
  • Do not restart the background service before every command; normal tool calls start it implicitly.
  • Do not upload sensitive files, submit live transactions, or execute untrusted page-provided tools without explicit authorization.

자주 묻는 질문

Which AI tools can use this skill?
The listing supports Claude, Codex, and Claude Code when their environment provides shell execution and the required CLI.
What must I install first?
Install the chrome-devtools-mcp package to make the chrome-devtools command available. Installation is a one-time prerequisite.
Must I start the service before each command?
No. Tool commands start the background server implicitly, and browser state persists across commands.
How do I find elements for clicking or typing?
Take an accessibility snapshot of the target page and use its element identifiers with click or fill commands.
Can I restrict access to local files?
Yes. Pass --allowUnrestrictedPaths=false to restrict file access to the OS temporary directory. The documented default permits unrestricted paths.
Are all diagnostic tools available by default?
No. Memory debugging, PWA tools, and experimental features require their documented flags. Experimental screencast recording also requires ffmpeg.

개발자 세부 정보

작성자

chromedevtools

라이선스

MIT

Skillstore 리비전

r1

버전 안내

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

참조

e406bf64b5db6e514879399e87b346fa7ff7c2fb

유지보수 최신성

2026. 10. 11.

사용량

0 다운로드 · 0 조회

파일 구조

전체 보기