enact/playwright
Capturar capturas de tela e extrair conteúdo da web
A automação de navegador é essencial para testes, extração de dados e verificação visual. Esta habilidade oferece uma maneira confiável de capturar capturas de tela e extrair texto ou conteúdo HTML de qualquer página da web usando Playwright.
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「enact/playwright」を使用しています。 Tirar uma captura de tela de https://example.com
期待される結果:
- Iniciando Playwright...
- URL: https://example.com
- Ação: screenshot
- Seletor: body
- Usando navegador em: /ms-playwright/chromium-XXXX/chrome-linux/chrome
- Navegando para https://example.com...
- Página carregada com sucesso
- SCREENSHOT_START
- [dados-imagem-codificados-base64]
- SCREENSHOT_END
「enact/playwright」を使用しています。 Obter o texto do título em https://example.com
期待される結果:
- Example Domain
「enact/playwright」を使用しています。 Extrair o HTML do conteúdo principal em https://example.com
期待される結果:
- <div>
- <h1>Example Domain</h1>
- <p>This domain is for use in illustrative examples...</p>
- </div>
セキュリティ監査
低リスクStatic scanner flagged 16 potential issues, but all findings are false positives. The code uses safe JavaScript template literals for logging (not shell backticks), empty string fields (not weak crypto), and standard fs operations for legitimate browser path detection. The skill is a standard Playwright browser automation tool with no malicious patterns.
中リスクの問題 (2)
リスク要因
🌐 ネットワークアクセス (3)
検出されたパターン
品質スコア
作れるもの
Testes de regressão visual
Tirar capturas de tela de páginas da web para comparar com imagens de linha de base para testes de regressão visual.
Extração de conteúdo para análise
Extrair texto ou conteúdo HTML de páginas da web para processamento ou análise posterior.
Documentação e relatórios
Capturar capturas de tela de páginas da web para documentação, relatórios ou apresentações.
これらのプロンプトを試す
Tirar uma captura de tela de https://example.com
Obter o conteúdo de texto do título principal em https://example.com usando o seletor 'h1'
Extrair o conteúdo HTML da seção de artigos de https://example.com/blog/article
Tirar uma captura de tela da galeria de produtos em https://example.com/shop/product usando o seletor '.product-gallery'
ベストプラクティス
- Usar seletores CSS específicos para segmentar elementos exatos para extração
- Tratar capturas de tela como strings codificadas em base64 para fácil transmissão
- Definir valores de timeout apropriados para páginas de carregamento lento
- Fechar navegadores adequadamente com blocos try-finally para evitar vazamentos de recursos
回避
- Não usar esta habilidade para raspar sites que proíbem acesso automatizado
- Evitar capturar capturas de tela de páginas com informações sensíveis ou pessoais
- Não depender disso para testes web interativos que requerem simulação de usuário
- Evitar extrair conteúdo de páginas atrás de autenticação sem credenciais adequadas