Page Prep

What it does

When your agent uses it

• Remove overlays
• Dismiss cookie banner
• Overlay cleanup

Example prompts

• “/page-prep”

Requirements

• Node.js
• Compatibility (from SKILL.md): Requires playwright-cli on PATH. Run `playwright-cli --help` for usage.

Workflow steps

10 steps, taken from the step headings in SKILL.md.

1. 1Locate scripts
2. 2Refresh the database
3. 3Bundle the injectable script
4. 4Inject via playwright-cli
5. 5Read the detection report
6. 6Resolve dismiss strategy per overlay
7. 7Produce a recipe manifest
8. 8Execute the recipe
9. 9Verify the page is clean
10. 10Optionally inject watch mode

What it can do on your machine

Read from SKILL.md and the folder at commit cbc9952. 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 playwright-cli on PATH. Run `playwright-cli --help` for usage.

  From compatibility in the SKILL.md frontmatter.

Context cost

Page Prep loads about 2.1k tokens when it runs, and up to ~3.6k if it reads all its reference files. Until then it costs about 177 tokens; SKILL.md has 836 words of instructions outside code blocks.

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

~177

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

~2.1k

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

~3.6k

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 cbc9952, republished under its Apache-2.0 licence (© adobe). 836 words, ~2,101 tokens.

name

page-prep

description

Prepare any webpage for clean interaction by detecting and removing disruptive overlays (cookie banners, GDPR consent, modals, popups, newsletter signups, paywalls, login walls). Uses a cached database of 300+ known CMPs (Consent-O-Matic + EasyList) combined with heuristic DOM scanning. Injects a self-contained script via playwright-cli. ALWAYS use this skill before taking screenshots, scraping content, or automating interaction on any webpage that might have overlays blocking the view or preventing interaction. Triggers on: page prep, clean page, remove overlays, dismiss cookie banner, page blocked, overlay cleanup, consent banner, prepare page, unblock page, clear popups, cookie popup.

compatibility

Requires playwright-cli on PATH. Run `playwright-cli --help` for usage.

license

Apache-2.0

if [[ -n "${CLAUDE_SKILL_DIR:-}" ]]; then
  PAGE_PREP_DIR="${CLAUDE_SKILL_DIR}/scripts"
else
  PAGE_PREP_DIR="$(dirname "$(command -v overlay-db.js 2>/dev/null || \
    find ~/.claude -path "*/page-prep/scripts/overlay-db.js" -type f 2>/dev/null | head -1)")"
fi

node "$PAGE_PREP_DIR/overlay-db.js" refresh

BUNDLE="$(node "$PAGE_PREP_DIR/overlay-db.js" bundle)"

playwright-cli eval "$(node "$PAGE_PREP_DIR/overlay-db.js" bundle)"

playwright-cli eval "JSON.stringify([...document.querySelectorAll('*')].filter(el => { var s = getComputedStyle(el); var r = el.getBoundingClientRect(); return s.position === 'fixed' && parseInt(s.zIndex, 10) > 1000 && (el.offsetWidth > 100 || el.offsetHeight > 100) && r.right > 0 && r.bottom > 0 && r.left < window.innerWidth && r.top < window.innerHeight; }).map(el => { var s = getComputedStyle(el); return { tag: el.tagName, id: el.id, cls: (el.className || '').slice(0, 50), z: s.zIndex, w: el.offsetWidth, h: el.offsetHeight }; }))"

© 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 8 other files (scripts, references) in plugins/web/skills/page-prep of adobe/skills.

• SKILL.md
• .releaserc.json
• evals/evals.json
• package.json
• references/formats.md
• references/known-patterns.md
• references/watch-mode.md
• scripts/overlay-db.js
• scripts/overlay-detect.js

Open the folder on GitHubat commit cbc9952