# Extract schema-shaped JSON from JavaScript-rendered pages with llm-scraper

> Open a rendered page, describe the fields you want, and return structured data without hand-maintaining brittle selectors.

- Skill: `agentskillexchange/extract-schema-shaped-json-from-javascript-rendered-pages-wi` (Agent Skill)
- Install (CLI): `npx skillmds@latest add agentskillexchange/extract-schema-shaped-json-from-javascript-rendered-pages-wi`
- Raw SKILL.md: https://api.skillmd.com/api/skills/agentskillexchange/extract-schema-shaped-json-from-javascript-rendered-pages-wi/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: agentskillexchange (https://skillmd.com/u/agentskillexchange)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/agentskillexchange/extract-schema-shaped-json-from-javascript-rendered-pages-wi

---


# Extract schema-shaped JSON from JavaScript-rendered pages with llm-scraper

Open a rendered page, describe the fields you want, and return structured data without hand-maintaining brittle selectors.

## Prerequisites

Node.js, Playwright-compatible browser runtime, llm-scraper package, supported LLM provider credentials, target URLs

## Installation

Use the upstream install or setup path that matches your environment:
- npm i zod playwright llm-scraper
- npm i @ai-sdk/openai
- npm i @ai-sdk/anthropic
- npm i @ai-sdk/google

Basic usage or getting-started notes:
- Install the required dependencies from npm:
- Initialize your LLM:
- **OpenAI**

- Source: https://github.com/mishushakov/llm-scraper
- Extracted from upstream docs: https://raw.githubusercontent.com/mishushakov/llm-scraper/HEAD/README.md

## Documentation

- https://github.com/mishushakov/llm-scraper

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/extract-schema-shaped-json-from-javascript-rendered-pages-with-llm-scraper/)