Receber por email
← Voltar para o catálogo

html-screenshot

Renderiza arquivos/pastas HTML para PC e Mobile, exportando capturas de tela como PNG/JPEG. O conteúdo é renderizado de forma segura via um servidor HTTP local.

1estrelas
Atualizado há 6 meses

Ver no GitHub ↗

Como adicionar

/plugin marketplace add bluei98/claudecode-skill-html-screenshot

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/html-screenshot/svg)](https://www.skillteca.com.br/skills/html-screenshot)

Skills relacionadas

Ver todas de Desenvolvimento →

Alerta por categoria

Receba novas skills de Desenvolvimento toda segunda

1 email curto, só com as skills novas de Desenvolvimento. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

HTML Screenshot — Execution Skill

HTML 파일 또는 폴더를 입력받아 PC·Mobile 뷰포트로 렌더링 후, 좌측 PC + 우측 Mobile을 한 장에 합성한 스크린샷(PNG/JPEG)을 저장한다.
Playwright(Chromium headless) + 로컬 HTTP 서버 기반 — 상대경로 CSS/JS/이미지/fetch 모두 정상 동작.
--separate 플래그로 디바이스별 개별 파일 저장도 가능.

WHEN TRIGGERED — EXECUTE IMMEDIATELY

DO NOT just display documentation. EXECUTE immediately.

Main Flow

  1. Parse $ARGUMENTS for path + flags
  2. If no path provided → call AskUserQuestion:

``` 캡처할 HTML 파일 또는 폴더 경로를 알려주세요

[Description truncada. Veja o README completo no GitHub.]

Compartilhar X LinkedIn