К основному содержанию
affpapa.org
RU EN
скилл Claude Code CX Codex Cursor GitHub Copilot

full-page-screenshot · nexu-io — скилл для Claude Code: снимки страниц

Скилл захватывает полные скриншоты веб-страниц через Chrome DevTools Protocol без внешних зависимостей. Пригодится для портфолио, кейсов и аудитов.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓ 
npx skills add nexu-io/open-design --skill full-page-screenshot -a claude-code
Открыть на GitHub

Что делает full-page-screenshot

Инструмент использует Chrome DevTools Protocol, чтобы снять страницу целиком — от шапки до подвала — в одно изображение. Работает без дополнительных библиотек, только с тем, что уже есть в системе. Подойдёт, если нужно сделать скриншот для документации, отчёта или портфолио быстро и без лишних движений.

Скилл срабатывает на фразы вроде «full page screenshot» или «long screenshot». Просто попроси агента захватить страницу — он найдёт этот скилл в процессе планирования и запустит его. После установки скилл лежит в директории с остальными навыками агента: путь зависит от платформы, но обычно это папка .agents/skills или .claude/skills.

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

  • снять полную страницу в одно изображение
  • подготовить скриншот для портфолио или кейса
  • сделать снимок для аудита сайта

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

  • Сними full page screenshot этой страницы
  • Захвати всю длину сайта в одно изображение
  • Сделай long screenshot для отчёта

Как установить full-page-screenshot

1Через Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill full-page-screenshot -a claude-code

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

~/.claude/skills/full-page-screenshot/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/full-page-screenshot/

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

Весь набор →
ui-ux-pro-max nexu-io Каталожная карточка для обнаружения скилла UI/UX Pro Max в репозитории OpenDesign. Помогает агенту распознавать запросы к паттернам интерфейсов и эвристикам юзабилити. Claude Code CX Codex Cursor +1 5 400установок frontend-design nexu-io Скилл для создания фронтенд-интерфейсов с продуманной типографикой, цветом и вёрсткой — от лендингов до дашбордов. Claude Code CX Codex Cursor +1 4 800установок threejs nexu-io Помогает ассистенту создавать 3D-сцены, настраивать материалы, камеру и пост-обработку на Three.js прямо в браузере. Claude Code CX Codex Cursor +1 3 400установок creative-director nexu-io Скилл ведёт разработку креативной концепции от брифа до презентации и проверяет идеи по трём осям. Нужен для кампаний и критики концепций. Claude Code CX Codex Cursor +1 3 400установок design-brief nexu-io Преобразует дизайн-бриф в формате I-Lang в конкретную спецификацию с палитрой, типографикой, плотностью и ограничениями. Устраняет неопределённость из фраз вроде «сделай профессионально». Claude Code CX Codex Cursor +1 3 400установок apple-hig nexu-io Подключает базу Apple Human Interface Guidelines для iOS, macOS, visionOS, watchOS и tvOS к агенту при проектировании интерфейсов. Claude Code CX Codex Cursor +1 3 200установок hatch-pet nexu-io Создаёт и упаковывает спрайтшиты анимированных питомцев для Codex в формате 8×9. Пригодится для сборки пиксельного компаньона по концепту или картинке-референсу. Claude Code CX Codex Cursor +1 3 100установок d3-visualization nexu-io Скилл учит агента создавать интерактивные графики и визуализации данных на D3.js. Подойдёт, если нужно быстро генерировать диаграммы для дашбордов, отчётов и прототипов. Claude Code CX Codex Cursor +1 3 100установок

Другие версии full-page-screenshot

full-page-screenshot Alireza Rezvani Снимает целую веб-страницу в один PNG, включая контент за прокруткой. Пригодится для SPA, ленивых изображений и очень длинных страниц. Claude Code 564установок

Похожие

agentation-self-driving benjitaylor Запускает автономный визуальный аудит интерфейса в открытом окне браузера и расставляет карточки замечаний через тулбар Agentation. Claude Code CX Codex Cursor +1 7 000установок apify-ultimate-scraper apify Скилл настраивает сбор данных через платформу Apify прямо из интерфейса агента. Пригодится, когда нужно выгрузить посты, отзывы или карточки компаний из соцсетей и веб-сервисов. Claude Code CX Codex Cursor +1 16 300установок playwright-skill lackeyjb Скилл для написания и запуска Playwright-скриптов прямо в редакторе. Автоматически находит dev-серверы, делает скриншоты, проверяет адаптивность, тестирует логины и валидирует работу сайта. Claude Code CX Codex Cursor +1 6 900установок wonda-cli degausai Скилл учит агента управлять утилитой Wonda для генерации медиа и сбора данных из LinkedIn, Reddit и X. Пригодится для автоматизации контента прямо из консоли. Claude Code CX Codex Cursor +1 74 600установок browserstack Alireza Rezvani Запускает тесты Playwright в облаке BrowserStack и выгружает логи с видео сессий. Пригодится при кроссбраузерной проверке проекта. Claude Code 1 614установок migrate Alireza Rezvani Переносит тесты с Cypress или Selenium на Playwright. Подходит, когда нужно конвертировать существующий набор тестов и проверить результат по файлам. Claude Code 1 586установок agent-browser vercel-labs Скилл управляет браузером через CLI: открывает страницы, заполняет формы, нажимает кнопки и проверяет веб-приложения. Подходит для задач, где агенту нужно действовать в интерфейсе. Claude Code CX Codex Cursor +1 1 200 000установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. Claude Code Claude.ai 186 758установок

Вопросы о full-page-screenshot

Как установить full-page-screenshot в Claude Code?

Выполни npx skills add nexu-io/open-design --skill full-page-screenshot -a claude-code. После установки скилл появится в ~/.claude/skills/full-page-screenshot/SKILL.md.

Что делает full-page-screenshot?

Захватывает полный скриншот веб-страницы через Chrome DevTools Protocol — всю высоту, а не только видимую область. Без внешних зависимостей.

Какие платформы поддерживает этот скилл?

Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode. На каждой платформе своя команда установки.

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

SKILL.md · Apache-2.0 
---
name: full-page-screenshot
description: |
  Capture full-page screenshots of web pages via Chrome DevTools Protocol with zero dependencies. Useful for portfolios, case studies, and audit reports.
triggers:
  - "full page screenshot"
  - "long screenshot"
  - "devtools screenshot"
  - "web capture"
od:
  mode: image
  category: screenshots
  upstream: "https://github.com/LewisLiu007/full-page-screenshot"
---

# full-page-screenshot

> Curated from @LewisLiu007.

## What it does

Capture full-page screenshots of web pages via Chrome DevTools Protocol with zero dependencies. Useful for portfolios, case studies, and audit reports.

## Source

- Upstream: https://github.com/LewisLiu007/full-page-screenshot
- Category: `screenshots`

## How to use

This catalogue entry advertises the skill in OpenDesign so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

```bash
# Inspect the upstream README for exact paths
open https://github.com/LewisLiu007/full-page-screenshot
```

Then ask the agent to invoke this skill by name (`full-page-screenshot`) or with
one of the trigger phrases listed in this skill's frontmatter.

© nexu-io · Apache-2.0 · nexu-io/open-design

Смотрите также

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

Компании, которые помогают держать аналитику открытой
Золотой спонсор AI-аналитика спроса на iGaming — индекс, тренды, конкуренты
Nutra.Club Закрытое сообщество Nutra-вертикали от команды M1

Показы, клики и копирования кода — открытая статистика. Мы держим цифры публичными по той же логике, что и сам NeBlask. Стать спонсором