Skills

Separateweb Capture

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

Install

npx skills add hashgraph-online/awesome-codex-plugins --skill separateweb-capture -g -a claude-code -y
Category
Design
Updated
3d ago
License
Apache-2.0
Context cost
Lightabout 642 tokens
Runs scripts
No, instructions only

What it does

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 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
Read the whole SKILL.md on GitHub

More in Design