CSS Scan (Console Snippet)

A minimal Chrome Extension that automatically patches your browser with a global cssScan() function. Designed for quickly copying HTML trees and matching CSS for LLMs.

Features

• Global Function: cssScan() is available on every page and frame.
• Smart CSS Extraction: Matches only rules relevant to the selected element and its children.
• LLM Ready: Copies formatted HTML + CSS directly to your clipboard.

Installation

1. Download this folder.
2. Go to chrome://extensions/.
3. Enable Developer mode.
4. Click Load unpacked and select this folder.

Usage

1. Open Chrome DevTools Console (F12).
2. Type cssScan($0) to scan the currently selected element in the Elements tab.
3. Or type cssScan(temp1) if you used "Store as global variable".
4. The result is automatically copied to your clipboard.