WebGrabber for Claude Design icon

WebGrabber for Claude Design

by Jens.Marketing · snipki.de · Developer Tools
Established publisherManifest V3 Free
View in Chrome Web Store Data as of 15 Oct 2026

Grab any element's HTML, CSS, and screenshot to paste into Claude Design. Independent tool, not affiliated with Anthropic.

Users
811
+97 in 30 days
Rating
0.0 / 5
unchanged in 30 days
Ratings
0
0 in 30 days
Store rank
#35K
#29K among extensions
Version
1.0.0
updated 20 Apr 2026

Users

monthly, 6 months
0406811Apr 2026Aug 2026Oct 2026
Latest, 15 Oct 2026: 811 usersMove the mouse over the chart for any month

Ratings count

monthly, 6 months
001Apr 2026Aug 2026Oct 2026
Latest, 15 Oct 2026: 0 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About WebGrabber for Claude Design

WebGrabber for Claude Design is the fastest way to turn any page on the web into design context Claude can actually use. Click the toolbar icon (or hit Alt+Shift+C), hover any element, click to capture. The overlay records: • Matched CSS rules (including cross-origin stylesheets, with @import chains resolved) • Non-default computed styles — layout, typography, color, spacing • Resolved CSS custom properties (design tokens) • The element's outerHTML and inner text • A pixel-accurate screenshot, cropped to the element • Class list and likely Tailwind utilities, if present All captures are stored locally in your browser. A single "Copy" click produces a <web-capture>…</web-capture> payload that Claude's Design composer understands out of the box. WHY IT EXISTS Pasting a URL into an AI chat rarely gives it what it needs. Screenshots lose the styles. Copying HTML loses the visuals. WebGrabber captures both — plus the exact cascade of CSS that shaped the pixels — in one click. Claude then has enough context to redesign, clone, refactor, or explain. FEATURES • Shadow-DOM overlay that can't be broken by page CSS • Per-element screenshots cropped at the correct device pixel ratio • Cross-origin stylesheet fetch (host_permissions bypass the CORS wall that bookmarklets hit) • @import resolution so rules behind an import chain are included • Persistent capture list — survives tab reloads and navigations • Toolbar popup: copy, export JSON, clear • Keyboard shortcut Alt+Shift+C (rebind at chrome://extensions/shortcuts) • Badge counter showing how many captures are queued • Works on any site (captures restricted on chrome:// and Chrome Web Store pages by browser policy) PRIVACY Nothing leaves your machine. No analytics, no servers, no account. Captures live in chrome.storage.local and stay there until you clear them or export them. You paste manually. NOT AFFILIATED WITH ANTHROPIC This is an independent developer tool. "Claude" and "Claude Design" are product names referenced solely so you know where to paste the output. Built by an independent developer, not by Anthropic.

Growth

WindowUsersChangeRatingsRating
7 days+27+3.4%00.00
30 days+97+13.6%00.00

Version history

1 versions recorded
1.0.020 Apr 2026

Details

Category
Developer Tools
First seen
20 Apr 2026
Size
20 KB
Languages
en
Pricing
Free
Privacy policy
snipki.de
Extension ID
cmadhofpfmppekfaogbgdppigfipeche

Permissions and risk

Low riskimpact 1, likelihood 2
Permissions
storageactiveTabscriptingdownloadsclipboardWrite

Alternatives to WebGrabber for Claude Design

Extensions that rank for the same store searches or share the Developer Tools category, ordered by users