Overview
Element inspector for AI-assisted development. Ctrl+Option+Z to activate.
The inspect tool built for vibe coding. Provide precise feedback to AI. Save token costs. Vibe coding works best when your AI has the right context upfront. Without it, you end up in a loop — screenshot, explain, try, repeat. Specter breaks that loop. Hover any element on any website to instantly see its full CSS properties: tag, component name, dimensions, font, color, padding, margin, border-radius, and more. Press Cmd+C to copy everything in an AI-optimized format and paste it directly into Claude, Cursor, or any coding assistant. One paste replaces a paragraph of explanation — fewer tokens, less back-and-forth, better results. Even better: annotate the change right on the page. Press N on any element, type what you want ("reduce width to 320", "match the header font"), and mark up as many elements as you need. One copy hands your AI a complete work order — each element paired with your exact instruction. No re-describing which element or what to change. Specter brings together the best of two tools you already know: the browser inspector and the Figma measurement panel — rebuilt for the vibe coding workflow. How it works: Click the Specter icon in your Chrome toolbar to activate on any page. Hover any element to see its full style properties in the overlay. Press N to annotate the change you want directly on the element (optional). Press Cmd+C to copy the element data — and your notes — to your clipboard. Paste into your AI assistant. If you annotated, it already knows what to do; if not, just describe it: "fix the spacing", "make this match the header font", "increase the padding". Key features: Annotate changes — press N to write your intended change directly on any element; mark up several issues and copy them all as one instruction set CSS inspector — tag, component name, dimensions, font, color, padding, margin, border-radius for any element on any site Figma-style measurement — tap Option to switch to Measure mode and see exact pixel distances between any two elements on screen Pin & measure — press M to pin an element, hover another to measure the gap between them Multi-select — press P to pick multiple elements and copy them all at once Works anywhere — production sites, staging environments, competitors, no setup required
Details
- Version0.4.0
- UpdatedJuly 20, 2026
- Offered bysetugk8
- Size17.47KiB
- LanguagesEnglish (United States)
- Developer
Email
setugk8@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
