chrome-data-extract

Generate JavaScript snippets to extract structured data from HTML tables, forms, and lists.

1|Updated Dec 22, 2025
One-click install
npx skills add https://github.com/abdullah1854/ClaudeSuperSkills --skill chrome-data-extract
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: chrome-data-extract
Source: https://github.com/abdullah1854/ClaudeSuperSkills/tree/main/chrome-data-extract
Command: npx skills add https://github.com/abdullah1854/ClaudeSuperSkills --skill chrome-data-extract

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Creates JavaScript snippets to extract data from tables, forms, and lists in the browser.

Core Features & Use Cases

  • Table/Form/List Extraction: Quick data capture from web apps.
  • Selector Customization: Specify CSS selectors for precise extraction.
  • Output Formats: JSON by default for easy processing.

Quick Start

Generate a script to extract a table from a given selector.

Frequently Asked Questions about chrome-data-extract

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I extract data from HTML tables using CSS selectors?

Data extraction from tables uses CSS selectors to query DOM elements and output structured JSON. This Skill generates JavaScript snippets that target table rows and cells by selector, retrieve their values, and format results as JSON for further processing or export.

Can I automate web scraping without writing custom JavaScript?

Browser automation for web scraping can be handled by generating type-specific scripts for tables, forms, and lists. You provide the CSS selector and target data structure; the Skill produces ready-to-run JavaScript that executes in the browser console and outputs JSON.

What's the best way to capture data from web forms programmatically?

Capturing form data programmatically uses CSS selectors to identify input fields, checkboxes, and dropdowns, then extracts their values into JSON format. This Skill generates the extraction script automatically based on your selector, eliminating manual DOM traversal.

Do I need to know JavaScript to extract data from web pages?

You don't need to write JavaScript—the Skill generates it for you. Provide a CSS selector identifying the elements you want to extract, specify whether it's a table, form, or list, and receive a complete script ready to paste into the browser console.

Can I extract data from multiple list items at once?

Extracting data from lists uses CSS selectors to target repeated elements and batch-extract their content into JSON arrays. The Skill produces a script that iterates through matched selectors and collects all values in a single output.

What are the limitations of browser-based data extraction with CSS selectors?

Browser-based extraction works only on rendered HTML and cannot bypass client-side JavaScript restrictions or access data loaded asynchronously after page load. Selectors must match visible DOM elements; dynamic content injected after page render requires additional handling.