Extract Page Data

Extract structured data from any web page for design analysis, page reconstruction, or content review. The script handles dependency installation automatically — just point it at a URL.

When to use this

• User shares a web page URL and wants to capture screenshots
• User asks to extract design tokens, CSS theme, or color palette from a page
• User wants page content as Markdown text
• User wants to know what links, buttons, and interactive elements are on a page
• User asks to export or analyze any web page's structure
• User wants to take a screenshot of a specific element on a page (use --selector)

Do NOT use for Axure prototypes — use extract-axure-data instead.

Quick start

Run the extraction script from scripts/extract.mjs relative to this skill directory.