Web Page Resource Collector

What it does

When your agent uses it

• Migrating a page and needing its icons, text and metadata as files
• Auditing a site's forms, videos or social links
• Pulling a page's SVG icons and logo into an icons folder

Example prompts

• “Collect the icons, metadata and text from https://example.com/pricing into ./audit/pricing.”
• “Run page-collect forms on our contact page and list each form's fields.”
• “Extract the social media links from the company homepage.”

Requirements

• Node 22 or newer
• `playwright-cli` on the PATH
• Compatibility (from SKILL.md): Requires Node 22+ and playwright-cli on PATH. Run `playwright-cli --help` for usage.

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

1. 1Strip XML declarations, comments, metadata
2. 2Ensure viewBox, remove hardcoded width/height
3. 3Replace fill/stroke with currentColor (icons only, not logos)
4. 4Collapse whitespace

What it can do on your machine

Read from SKILL.md and the folder at commit 4c67484. It shows what the files ask for, not the result of running them.

• Tool permissions

  Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

  From allowed-tools in the SKILL.md frontmatter.

• Runs code

  Ships 2 files in scripts/ (JavaScript), which the agent can run.

  Shell commands in SKILL.md call:

  • node

  From the folder's file list and the shell code blocks in SKILL.md.

• Network

  No URLs in SKILL.md.

  From URLs in SKILL.md, links to its own repository left out.

• Credentials

  Names no API keys, tokens, secrets or passwords.

  From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

• Compatibility

  Requires Node 22+ and playwright-cli on PATH. Run `playwright-cli --help` for usage.

  From compatibility in the SKILL.md frontmatter.

Context cost

Web Page Resource Collector loads about 1k tokens when it runs, and up to ~2.8k if it reads all its reference files. Until then it costs about 118 tokens; SKILL.md has 360 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it

~118

When it runs · the whole SKILL.md, loaded when a task matches

~1k

With references · SKILL.md plus every file in references/, read only if the agent opens them

~2.8k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from adobe/skills at commit 4c67484, republished under its Apache-2.0 licence (© adobe). 360 words, ~1,045 tokens.

name

page-collect

description

Extract structured resources (icons, metadata, text, forms, videos, social links) from any webpage using playwright-cli. Supports individual collectors via subcommands (icons, metadata, text, forms, videos, socials) or all at once. The icon collector classifies SVGs as icon/logo/image based on size and DOM context, optimizes them for EDS, and outputs to /icons/ for use with decorateIcons(). Use when migrating pages, auditing sites, or extracting assets.

compatibility

Requires Node 22+ and playwright-cli on PATH. Run `playwright-cli --help` for usage.

license

Apache-2.0

SCRIPT="${CLAUDE_SKILL_DIR}/scripts/page-collect.js"

SCRIPT="$(find ~/.claude -path "*/page-collect/scripts/page-collect.js" -type f 2>/dev/null | head -1)"

node "$SCRIPT" <subcommand> <url> [--output <dir>]

{
  "url": "https://example.com",
  "icons": [
    {
      "name": "search",
      "class": "icon",
      "source": "inline-svg",
      "file": "icons/search.svg",
      "nameConfidence": "high",
      "context": "header button Search"
    }
  ]
}

© adobe, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 7 other files (scripts, references) in plugins/web/skills/page-collect of adobe/skills.

• SKILL.md
• .releaserc.json
• evals/evals.json
• package.json
• references/collectors.md
• references/icon-font-maps.md
• scripts/page-collect-bundle.js
• scripts/page-collect.js

Open the folder on GitHubat commit 4c67484