Point at any UI. Let your agent rebuild it.

Click any element on any website. Get computed styles and Tailwind mappings your coding agent can act on immediately.

Why your agent needs this

Ground truth Computed style, not source CSS. Your agent gets the exact values.

Tailwind mapping Every property mapped to Tailwind utilities with confidence scores.

Three ways to capture Chrome extension, CLI, or agent skills.

Local only All processing happens locally. No data leaves your device.

Structured for agents Selectors and styles your agent can parse without ambiguity.

Instant Captured in milliseconds. No network requests.

Click, capture, paste. Your agent gets selectors it can grep for directly.

Select Click the toolbar icon, hover to preview, click to capture. Shift for parent, Alt for child.

Paste Computed styles and Tailwind mappings go straight to your clipboard, ready for your agent.

URL and selector in, structured styles out. Runs a headless browser and outputs context your agent can parse.

Run directly

npx style-capture https://example.com "main"

Or install globally

npm i -g style-capture

One slash command. Your agent captures computed styles from any live page directly.

Install the skill

npx skills add mblode/style-capture

Point at any page

/style-capture https://linear.app .hero