nishalpattan/capture-screenshot

Habilidade de agente para capturar screenshots de páginas web usando Puppeteer.

O que é capture-screenshot?

Esta habilidade permite que um agente de IA (como Claude Code, Cursor ou Codex) capture screenshots de qualquer URL fornecida, utilizando o Puppeteer em Node.js. O agente cria um script temporário que abre o navegador headless, navega até a URL, tira um screenshot e o salva localmente com um timestamp no nome do arquivo. É útil para documentação visual, debugging de interfaces web, ou para gerar imagens de referência rapidamente. Funciona em qualquer sistema com Node.js e Puppeteer instalados, e o resultado é um arquivo PNG na pasta de trabalho do agente.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add nishalpattan/capture-screenshot

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que capture-screenshot faz?

Repositório de habilidade de agente: nishalpattan/capture-screenshot

Visão Geral

Esta habilidade permite que agentes de IA capturem screenshots de páginas web para análise visual, documentação ou debugging.

Funcionalidades

  • Captura screenshots de qualquer URL pública
  • Salva imagens como arquivos PNG com timestamp
  • Utiliza Puppeteer para renderização headless (sem interface gráfica)
  • Fácil integração com fluxos de trabalho de agentes

Requisitos

  • Node.js 16+ instalado no ambiente
  • Puppeteer instalado (globalmente ou no projeto)
  • Conexão com a internet

Como Usar

O agente criará um script temporário em Node.js que:

  1. Abre um navegador headless usando Puppeteer
  2. Navega para a URL fornecida
  3. Aguarda o carregamento completo da página
  4. Captura um screenshot da viewport
  5. Salva o arquivo no diretório atual com o formato screenshot-YYYY-MM-DD-HH-mm-ss.png
  6. Fecha o navegador

Exemplo de Uso

node capture.js https://exemplo.com

Exemplo de Código

const puppeteer = require('puppeteer');
const path = require('path');

async function captureScreenshot(url) {
  const browser = await puppeteer.launch({ headless: true });
  const page = await browser.newPage();
  await page.goto(url, { waitUntil: 'networkidle0' });
  
  const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
  const filename = `screenshot-${timestamp}.png`;
  await page.screenshot({ path: filename, fullPage: true });
  
  await browser.close();
  console.log(`Screenshot salvo como ${filename}`);
}

captureScreenshot(process.argv[2]);

Licença

MIT

Habilidades Relacionadas