devtools

ScraperX-Frontend: Fast Data Collection

Name: ScraperX-Frontend: Fast Data Collection
Author: paicon23

Automate web and social media data scraping with ScraperX-Frontend. Ideal for startup founders needing research and marketing insights.

From the repo · “ScraperX is a fast and efficient web and social media data scraper, built with Vite, TypeScript, and React. It automates data collection from websites, Instagram, LinkedIn, and Facebook, making it ideal for research and marketing insights. 🚀”

20 stars8 forksTypeScriptGuide quality 8/10 · reviewed Aug 5Updated 10/12/2026100% free · open source

What it does

ScraperX-Frontend is a web and social media data scraper that automates data collection from websites, Instagram, LinkedIn, and Facebook for research and marketing insights.

When to use it

•You need to collect large amounts of data from social media platforms for market research.
•You want to automate the process of monitoring your competitors' online presence.
•You need to extract specific data from websites for data analysis or business intelligence.

Ready-to-paste prompt

To scrape Instagram posts, create a new file 'src/components/InstagramScraper.tsx' and add the following code: 'import {Scraper} from '../utils/scraper'; const instagramScraper = new Scraper('https://www.instagram.com/', {credentials: 'your_instagram_credentials'});'

Heads up: Make sure to replace the placeholder API keys and credentials in the 'src/config.ts' file with your actual social media API credentials to avoid authentication errors.

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

🔑 Needs an API key

Works after you add credentials — the setup agent will ask you for them.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/scraperx-frontend && curl -fsSL https://workflowstacks.com/api/skills/scraperx-frontend/claude-skill -o ~/.claude/skills/scraperx-frontend/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

What's inside — free to inspect

No purchase needed

Read the entire source before you build — unlike paid marketplaces that hide it behind a buy button.

top-level files

folders

725K

source size

—

license

Key files

eslint.config.js

index.html

package.json

postcss.config.js

README.md

tailwind.config.ts

File tree

public/

src/

.gitignore

bun.lockb

components.json

eslint.config.js

index.html

package-lock.json

package.json

postcss.config.js

README.md

tailwind.config.ts

tsconfig.app.json

tsconfig.json

tsconfig.node.json

vite.config.ts

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

🔑 Needs an API key

Works after you add credentials — the setup agent will ask you for them.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/scraperx-frontend && curl -fsSL https://workflowstacks.com/api/skills/scraperx-frontend/claude-skill -o ~/.claude/skills/scraperx-frontend/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

paicon23

Language

TypeScript