Agent skill
fetch-web
Fetch web pages, scrape content, fill forms, take screenshots.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/marketing/fetch-web
SKILL.md
Fetch Web
Chrome-based web browsing. Extracts content as markdown. Phoenix LiveView auto-detected.
Usage
{baseDir}/scripts/web.js <url> [options]
Examples
# Fetch page as markdown
{baseDir}/scripts/web.js https://example.com
# Wait for DOM content to load
{baseDir}/scripts/web.js https://example.com --wait ".content-loaded"
# Screenshot
{baseDir}/scripts/web.js https://example.com --screenshot page.png
# Execute JS before extraction
{baseDir}/scripts/web.js https://example.com --js "document.querySelector('a').click()" --wait-ms 1000
# Persist session across calls
{baseDir}/scripts/web.js https://example.com --profile mysite
# Fill form and submit
{baseDir}/scripts/web.js https://example.com --profile mysite --js "
document.querySelector('#email').value = 'user@example.com';
document.querySelector('#password').value = 'secret';
document.querySelector('form').submit();
" --wait-ms 2000
# Interactive element picker (user clicks in visible browser)
{baseDir}/scripts/web.js https://example.com --pick "Select the login button"
# View cookies
{baseDir}/scripts/web.js https://example.com --cookies
# Raw HTML instead of markdown
{baseDir}/scripts/web.js https://example.com --raw
# Visible browser for debugging
{baseDir}/scripts/web.js https://example.com --no-headless
See references/examples.md for more (scraping patterns, table extraction, etc).
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?