🚀🤖 Chrome Extension · Manifest V3

Crawl4AI Assistant

Point, click, and extract. A visual toolkit for building Crawl4AI extraction schemas and automation scripts directly from the pages you're browsing — no code required to get started.

⬇ Download .zip Installation guide
crawl4ai-assistant.zip · version 1.3.0 · unpacked Chrome extension · pure client-side, no data leaves your browser

✦ What it does

🖱️

Click2Crawl

Click on a repeating container (a product card, article block, list item) and then click the individual fields inside it — title, price, description. The extension builds a data extraction schema live, as you click.

📝

Markdown Extraction

Select any element on a page and export it as clean, structured markdown — great for pulling readable content out of articles, docs, and blog posts without wrestling with raw HTML.

🎬

Script Builder (Alpha)

Record your browser actions — clicks, typing, navigation — and turn them into an automation script you can replay with Crawl4AI.

🧩

Smart Element Selection

Container and field selection with live visual feedback, so you always know what's selected and what mode you're in.

🐍

Code Generation

Every schema you build exports as ready-to-run Python code that plugs straight into a Crawl4AI project.

🌙

Beautiful Dark UI

Consistent with Crawl4AI's own design language — built with Manifest V3 for security and performance.

✦ Visual feedback while selecting

Blue dashed outline — container selection mode
Green dashed outline — field selection mode
Solid blue outline — selected container
Solid green outline — selected fields

✦ Install: Load unpacked in Chrome

  1. Download and unzip crawl4ai-assistant.zip above to a folder on your computer.
  2. Open Chrome and go to chrome://extensions/.
  3. Toggle on Developer mode in the top-right corner.
  4. Click Load unpacked.
  5. Select the unzipped crawl4ai-assistant folder (the one containing manifest.json).
  6. The extension icon (🚀🤖) will appear in your Chrome toolbar — pin it for quick access.
Tip: to use the generated Python extraction code, install Crawl4AI (pip install crawl4ai) and have an LLM API key configured — the exported script uses Crawl4AI's LLM integration to generate and test the schema.

✦ Using Click2Crawl

  1. Navigate to any website you want to extract data from.
  2. Click the Crawl4AI extension icon in your toolbar.
  3. Click "Click2Crawl" to start capture mode.
  4. Hover to highlight elements in blue, then click a repeating container (e.g. a product card).
  5. Elements now highlight in green — click each field you want to extract and name it (e.g. "title", "price").
  6. Click "Test Schema" to preview extracted data instantly, then export as Python, JSON schema, or markdown.

✦ Files in this download

crawl4ai-assistant.zip

The packaged extension (v1.3.0) — unzip and load into Chrome.

README.md

View the original README with full feature and troubleshooting notes.

manifest.json

View the extension manifest (Manifest V3, permissions, entry points).