К основному содержанию
скилл официальный · GitHub

latchshot-page-capture — скилл для GitHub Copilot: скриншоты страниц

Превращает ссылку на публичную страницу в локальный PNG, JPEG или PDF через хостинг Latchshot. Пригодится для отчётов, QA и превью.

Установить в GitHub Copilot · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add github/awesome-copilot --skill latchshot-page-capture
Открыть на GitHub

Что делает latchshot-page-capture

Скилл даёт агенту один понятный путь: передать URL публичной HTTP(S)-страницы и получить файл на диске. Внутри лежит клиент на Node.js без внешних зависимостей, scripts/latchshot.mjs. Формат выбирается по расширению в --output или флагом --format. Результат приходит одной строкой JSON, где есть ok, output, format и bytes.

Нужны Node.js 20 или новее и сеть. Для захвата с аккаунтом ключ читается только из переменной окружения LATCHSHOT_API_KEY и уходит лишь на https://latchshot.fly.dev. Без ключа доступна демонстрация: только JPEG, три попытки на IP в час. Для PNG, PDF и полноразмерных снимков ключ обязателен, и вставлять его в чат или в аргументы команды нельзя.

Полноразмерный снимок делается флагами --full-page и --scroll-page, PDF — с --paper A4. Флаги --block-ads и --hide-cookie-banners чистят картинку по мере сил, но обходом защиты это не считается. Приватные страницы, логины, капчи и произвольные действия в браузере скилл не берёт — для них остаётся локальный браузер.

Какие задачи решает

  • снять скриншот публичной страницы для отчёта
  • сделать PDF из веб-страницы на A4
  • захватить страницу целиком вместе с ленивой подгрузкой
  • проверить, как выглядит лендинг перед публикацией
  • сохранить копию страницы в архив

Примеры запросов агенту

  • Сделай скриншот https://example.com в ./artifacts/example.png
  • Сохрани страницу https://example.com в PDF на A4 в ./artifacts/example.pdf
  • Сколько у меня осталось рендеров? Запусти node scripts/latchshot.mjs usage

Как установить latchshot-page-capture

1Через Skills CLI (Vercel)

npx skills add github/awesome-copilot --skill latchshot-page-capture

2GitHub CLI

gh skill install github/awesome-copilot latchshot-page-capture

3Вручную: положить файлы

.github/skills/latchshot-page-capture/SKILL.md

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о latchshot-page-capture

Как установить latchshot-page-capture в GitHub Copilot?

Выполните npx skills add github/awesome-copilot --skill latchshot-page-capture. Альтернатива: gh skill install github/awesome-copilot latchshot-page-capture. Файл скилла окажется по пути .github/skills/latchshot-page-capture/SKILL.md.

Что делает latchshot-page-capture?

Снимает публичную страницу в PNG, JPEG или PDF и складывает файл локально. Работа идёт через хостинг Latchshot и клиент scripts/latchshot.mjs.

Можно ли обойтись без ключа API?

Да, для одной картинки в JPEG в час на адрес. PNG, PDF и повторные захваты требуют LATCHSHOT_API_KEY; при её отсутствии скилл отправляет к документации по настройке и останавливается.

Исходный текст

SKILL.md · MIT
---
name: latchshot-page-capture
description: 'Use this skill when a user needs a screenshot, website thumbnail, full-page capture, or PDF of a public HTTP(S) webpage saved as a local artifact through Latchshot, including report, QA, archive, and social-preview workflows. Do not use it for private or authenticated pages, raw HTML, scraping or extraction, arbitrary browser actions, CAPTCHA or anti-bot bypass, or local-file capture.'
---

# Latchshot page capture

Use the bundled dependency-free client to turn one public webpage URL into a validated local PNG, JPEG, or PDF. Start with a constrained no-key JPEG demo when appropriate. Authenticated commands send the API key only to the fixed `https://latchshot.fly.dev` origin, and every artifact is written atomically.

Latchshot is a hosted third-party service maintained by this skill's contributor. Keep its use optional and preserve an existing local-browser workflow when the task needs private pages or unsupported browser actions.

## Prerequisite

Require Node.js 20 or newer and network access. Read the key only from `LATCHSHOT_API_KEY` for authenticated capture and usage commands.

If the variable is missing, use the no-key demo for one bounded JPEG when it fits the request. For PNG, PDF, full-page, cleanup, or repeat work, direct the user to the [Agent Skills setup documentation](https://latchshot.fly.dev/integrations.md#agent-skills), then stop. Never ask the user to paste a key into chat, a command argument, source code, a committed file, or output. Never print or return the key.

## No-key demo

Use this command for a public page when a viewport JPEG is acceptable:

```bash
node scripts/latchshot.mjs demo \
  --url 'https://example.com' \
  --output './artifacts/example-demo.jpg'
```

The demo is JPEG-only, does not use an account or render quota, and allows three attempts per IP address per hour. It accepts only width, height, query confirmation, and explicit overwrite options. The public URL is still sent to Latchshot, and the request carries the coarse `agentskill` acquisition label. Reject private pages, secrets, signed URLs, and authenticated access exactly as in the capture workflow. Treat the result as a proof artifact, not as a customer activation or plan signup.

## Capture workflow

1. Confirm the target is a public HTTP or HTTPS page. Reject credentials, private/internal pages, non-web ports, signed URLs, query secrets, and any request requiring login, cookies, CAPTCHA handling, proxy rotation, arbitrary scripts, clicks, typing, or anti-bot bypass.
2. Choose a user-approved output path. Infer the format from `.png`, `.jpg`/`.jpeg`, or `.pdf`, or pass the matching `--format` explicitly.
3. Run the client from this skill directory:

   ```bash
   node scripts/latchshot.mjs capture \
     --url 'https://example.com' \
     --output './artifacts/example.png'
   ```

4. For a bounded full-page screenshot that activates lazy content:

   ```bash
   node scripts/latchshot.mjs capture \
     --url 'https://example.com' \
     --output './artifacts/example-full.png' \
     --full-page \
     --scroll-page
   ```

5. For a PDF:

   ```bash
   node scripts/latchshot.mjs capture \
     --url 'https://example.com' \
     --output './artifacts/example.pdf' \
     --paper A4
   ```

6. Parse the one-line JSON result. Confirm `ok`, `output`, `format`, `contentType`, and `bytes`; inspect the local artifact when the surrounding task requires visual or document verification. Report the path and relevant render/quota diagnostics without exposing the key.

Run `node scripts/latchshot.mjs --help` for the exact bounded options. Use `--block-ads`, `--block-trackers`, `--block-chats`, `--hide-cookie-banners`, and `--hide-popups` only as best-effort cleanup—not bypass. Use `--allow-query` only after confirming that the query contains no credential, signature, token, customer data, or other secret. The client refuses to overwrite a file unless `--force` is explicit.

## Read quota

Use the read-only command when the user asks about remaining renders or reset time:

```bash
node scripts/latchshot.mjs usage
```

This does not consume render quota or change a plan.

## Failure handling

- Read the structured error code and message from stderr; do not retry validation or authentication failures.
- For `demo_limit`, wait for the hourly reset rather than looping or switching identities.
- For `rate_limited`, wait for the reported reset or retry-after boundary rather than looping.
- For a render failure, state the failure and preserve any existing output file. Do not silently substitute a local browser, a different provider, or unsupported private-page access.
- Do not initiate an upgrade, checkout, payment, implementation request, or other commercial action. Those remain user- and owner-controlled.

## Hard boundaries

Latchshot accepts public pages only and returns one binary artifact. It does not offer raw HTML input, DOM extraction, selectors, sessions, arbitrary JavaScript, authenticated/private pages, CAPTCHA solving, residential proxies, or anti-bot evasion. Only successful renders consume quota.

© github · MIT · github/awesome-copilot

Похожие скиллы

Все скиллы по теме «Браузер и парсинг» →
agent-browser vercel-labs Скилл управляет браузером через CLI: открывает страницы, заполняет формы, нажимает кнопки и проверяет веб-приложения. Подходит для задач, где агенту нужно действовать в интерфейсе. CX Codex +1 1 200 000установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. 186 758установок computer-use stablyai Скилл ведёт видимое окно приложения через orca computer: читает дерево доступности, кликает, печатает и снимает скриншоты. Нужен, когда задача упирается в интерфейс. CX Codex +1 239 400установок browser-use browser-use Даёт агенту живой Chrome через CDP: клики, ввод, скриншоты и страницы, которым нужен JS или ваша логин-сессия. CX Codex +1 98 200установок playwright-cli microsoft Скилл, который даёт агенту браузер: открыть страницу, кликнуть по элементу, снять снимок и разобрать тесты Playwright. CX Codex +1 195 700установок last30days mvanhorn Собирает посты и реакции по любой теме за последние 30 дней из Reddit, X, YouTube, TikTok, Hacker News, Polymarket, GitHub и веба. Пригодится, когда нужно понять, что реально говорят люди, а не что пишут в обзорах. CX Codex +1 53 000установок

Из того же набора928

Весь набор →
pester-should-migration Переводит классические утверждения Pester v5 вида Should -Be в формат Pester v6 Should-Be без пробела. Пригодится при обновлении тестов PowerShell. 19установок markstream-install Скилл помогает подключить стриминговый рендерер Markstream в веб-приложения на React, Vue, Svelte или Angular. Он настраивает стили, SSR-границы и режимы плавного вывода Markdown в чатах. 18установок signal-write Скилл записывает сигналы состояния агента в JSON и журнал проекта. Нужен, когда работу надо показать оператору или панели мониторинга. 17установок lean-comments Скилл очищает код от лишних комментариев и оставляет только неочевидные детали. Пригодится при ревью или рефакторинге кодовой базы. 17установок d365-solution-blueprint Скилл проводит пошаговое архитектурное интервью для создания Solution Blueprint в Dynamics 365 F&SCM. Помогает зафиксировать границы проекта и ключевые решения до старта разработки. 13установок speak-summary Скилл переписывает текст или сводку под восприятие на слух и синтезирует MP3-аудио локально на процессоре через Kyutai pocket-tts без обращения к облачным сервисам. 12установок tugboat Скилл помогает разбирать застопорившиеся или важные задачи через факты, ограничения и проверяемые шаги. Он нужен, когда неопределённость вызывает сильную тревогу. 11установок shopify-review-triage Разбирает публичные отзывы Shopify App Store и превращает их в приоритизированный бриф P0-P3. Подходит, когда нужно понять, какие жалобы разбирать первыми. 11установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой