# Separateweb Capture

Capture a URL into a full-page screenshot, cropped UI item PNGs, and a JSON manifest.

- Repository: https://github.com/hashgraph-online/awesome-codex-plugins (1479 stars)
- Category: Design
- License: Apache-2.0
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add hashgraph-online/awesome-codex-plugins --skill separateweb-capture -g -a claude-code -y`
Codex: `npx skills add hashgraph-online/awesome-codex-plugins --skill separateweb-capture -g -a codex -y`
Cursor: `npx skills add hashgraph-online/awesome-codex-plugins --skill separateweb-capture -g -a cursor -y`
Gemini CLI: `npx skills add hashgraph-online/awesome-codex-plugins --skill separateweb-capture -g -a gemini-cli -y`

## Description

Capture a URL into a full-page screenshot, cropped UI item PNGs, and a JSON manifest. Use when the user says `separateweb capture <url>`, asks to capture a website, or wants UI extraction assets without running the SeparateWeb web app.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# SeparateWeb Capture

Use this skill when the user asks:

```text
separateweb capture <url>
npx separateweb-capture capture <url>
separateweb patch <path>
```

Use `npx` when the package is not linked globally. This is the safest default for Claude Code personal skills:

```bash
npx separateweb-capture capture <url>
npx separateweb-capture patch <path>
```

Use `separateweb-capture` with no capture command only to install the local skill payload:

```bash
npx separateweb-capture
npx separateweb-capture --target claude
npx separateweb-capture --target both
```

If `separateweb` is installed or linked globally, this shorthand is also valid:

```bash
separateweb capture <url>
separateweb patch <path>
```

If running from the plugin root, the local script is also valid:

```bash
node scripts/capture.mjs capture <url>
node scripts/capture.mjs patch <path>
```

Optional flags:

```bash
--out <dir>
--path <dir>
--width <px>
--height <px>
--max-pages <n>
--single
--all
```

Capture behavior:

- `capture https://example.com` and `capture https://example.com/` crawl same-origin paths by default.
- `capture https://example.com --single` captures only the home page.
- `capture https://example.com/path` captures only that page by default.
- Use `--single` to force one page.
- Use `--all` to force same-origin crawl from any start URL.
- Captured items are grouped by type under `items/<kind>/`.

Examples:

```bash
npx separateweb-capture capture https://domain.com
npx separateweb-capture capture https://domain.com --single
npx separateweb-capture capture https://domain.com/about
npx separateweb-capture capture https://domain.com/about --all
```

Patch selection:

```bash
npx separateweb-capture patch /absolute/output/path
npx separateweb-capture select captures/<jobId>/manifest.json
npx separateweb-capture create captures/<jobId>/manifest.json --items 1,3,5 --path /absolute/output/path
```

The rest: https://github.com/hashgraph-online/awesome-codex-plugins/blob/HEAD/plugins/AUN-PN/SeparateWeb/skills/separateweb-capture/SKILL.md