How do I install the Separateweb Capture skill?

Run npx skillmds@latest add hashgraph-online/separateweb-capture in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Separateweb Capture skill do?

Capture a URL into a full-page screenshot, cropped UI item PNGs, and a JSON manifest. Use when the user says `separateweb capture `, asks to capture a website, or wants UI extraction assets without running the SeparateWeb web app. It is listed under Web & Frontend on SkillMD.

Is Separateweb Capture safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Separateweb Capture?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Separateweb Capture free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Separateweb Capture?

hashgraph-online (@hashgraph-online) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Separateweb Capture by hashgraph-online

Name: Separateweb Capture
Rating: 4.2 (5 reviews)
Author: hashgraph-online

Separateweb Capture

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.

File contents

SeparateWeb Capture

Use this skill when the user asks:

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:

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

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

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:

separateweb capture <url>
separateweb patch <path>

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

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

Optional flags:

--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:

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:

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

Use patch <path> to set the default machine path where future capture outputs are written. Use create only when exporting selected items from an existing manifest.

Default output:

captures/<jobId>/site-manifest.json
captures/<jobId>/page-001-<slug>/full-page.png
captures/<jobId>/page-001-<slug>/manifest.json
captures/<jobId>/page-001-<slug>/items/<kind>/*.png

Single-page capture writes full-page.png, manifest.json, and items/<kind>/*.png directly under captures/<jobId>/.

After running, report:

Captured
Manifest
Blocks
exact error if capture failed

Do not start a Nuxt dev server. This plugin is script-only.

Source: hashgraph-online/awesome-codex-plugins → plugins/AUN-PN/SeparateWeb/skills/separateweb-capture/SKILL.md

---name: separateweb-capturedescription: 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.---# SeparateWeb CaptureUse this skill when the user asks:```textseparateweb 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:```bashnpx separateweb-capture capture <url>npx separateweb-capture patch <path>```Use `separateweb-capture` with no capture command only to install the local skill payload:```bashnpx separateweb-capturenpx separateweb-capture --target claudenpx separateweb-capture --target both```If `separateweb` is installed or linked globally, this shorthand is also valid:```bashseparateweb capture <url>separateweb patch <path>```If running from the plugin root, the local script is also valid:```bashnode 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:```bashnpx separateweb-capture capture https://domain.comnpx separateweb-capture capture https://domain.com --singlenpx separateweb-capture capture https://domain.com/aboutnpx separateweb-capture capture https://domain.com/about --all```Patch selection:```bashnpx separateweb-capture patch /absolute/output/pathnpx separateweb-capture select captures/<jobId>/manifest.jsonnpx separateweb-capture create captures/<jobId>/manifest.json --items 1,3,5 --path /absolute/output/path```Use `patch <path>` to set the default machine path where future `capture` outputs are written. Use `create` only when exporting selected items from an existing manifest.Default output:```textcaptures/<jobId>/site-manifest.jsoncaptures/<jobId>/page-001-<slug>/full-page.pngcaptures/<jobId>/page-001-<slug>/manifest.jsoncaptures/<jobId>/page-001-<slug>/items/<kind>/*.png```Single-page capture writes `full-page.png`, `manifest.json`, and `items/<kind>/*.png` directly under `captures/<jobId>/`.After running, report:- `Captured`- `Manifest`- `Blocks`- exact error if capture failedDo not start a Nuxt dev server. This plugin is script-only.---**Source:** [`hashgraph-online/awesome-codex-plugins`](https://github.com/hashgraph-online/awesome-codex-plugins) → `plugins/AUN-PN/SeparateWeb/skills/separateweb-capture/SKILL.md`

Frequently asked questions