DOM Lens

domlens.dev

5.0(

1 rating

)

Extension Developer Tools33 users

Overview

Grab any element on any website and give it to AI coding agents

Grab any element on any website and give it to AI coding agents like Cursor, Claude Code, and OpenCode. DOM Lens solves the problem where coding agents cannot access elements on your page by enabling point-and-click element selection. 🎯 KEY FEATURES: • Universal compatibility: Works on any website (React, Vue, Svelte, vanilla JS) • React-aware: Extracts component stack and source locations when React is detected • Clipboard-ready: Automatically copies grabbed elements with context tags • Visual feedback: Overlay highlights elements as you hover • Customizable: Configure hotkeys, hold duration, and AI adapters • Hold-to-activate: Prevents accidental activation with configurable hold duration ⚡ DEVELOPER-FOCUSED: • No telemetry or data collection • Works with any website • Minimal permissions (activeTab, storage, clipboardWrite) • Type-safe TypeScript implementation 🎨 CUSTOMIZATION: • Configure keyboard shortcuts (default: ⌘/Ctrl+C with hold duration) • Choose AI adapter (Cursor, or clipboard-only mode) • Adjust hold duration (100-1000ms) to prevent accidental activation • Settings persist across browser sessions 🔧 HOW IT WORKS: 1. Hold your configured hotkey (default: ⌘/Ctrl+C) for the set duration 2. Hover over any element on the page to see visual feedback 3. Click the element to grab it 4. Element HTML + React component info is automatically copied to clipboard 5. Use with Cursor adapter to automatically open in your AI coding tool Perfect for developers working with AI coding assistants who need to provide specific UI context for modifications, debugging, or component extraction.

5 out of 5
1 rating
Learn more about results and reviews.

Details

Version
0.1.0
Updated
November 15, 2025
Flag concern
Size
114KiB
Languages
English (United States)
Developer
Website
Email
aryasaatvik@gmail.com
Non-trader
This 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

Manage extensions and learn how they're being used in your organization

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

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

Support

DragCSS — Copy Visual CSS Changes for AI & Copilot

0.0

Drag any webpage element, see CSS changes live, and copy the diff to paste into Copilot, ChatGPT, or any AI.

DesignGrab

5.0

Extract any website's design in seconds. Colors, fonts, CSS, SVGs, Lottie, and production-ready code.

Web to MCP: Import any website components to Cursor or Claude Code

3.7

A Chrome extension that captures website components and sends them to AI coding assistants like Cursor, Claude Code, Codex, etc

Web Capture - HTML to React with MagicPath

4.5

Capture elements from the web. Convert elements into interactive React components and edit manually or with AI on a canvas.

DOM Inspector

5.0

Hover to inspect element hierarchy and copy HTML

AI Flow Editor for Power Automate (by Nodient)

5.0

Vibecode your Power Automate flows with AI. Full JSON editor, action tree, diff view, run history, find & replace, MCP bridge.

Developer DOM Inspector

5.0

Inspect DOM elements visually

DOM Stripper & Markdown Extractor

5.0

Extracts pure HTML, Markdown, or Headers from any webpage. Strips JS frameworks & noise for perfect AI analysis and Technical SEO.

Codelifter — DOM to React + Tailwind CSS

5.0

Convert any web page to React/Vue/Svelte + Tailwind in one click. 30 free conversions/month. Pro plan launching soon.

Element Inspector - Precision UI Analysis

5.0

Professional UI inspection toolkit for developers. Analyze element alignment, colors, spacing, and typography with precision.

React Grab

5.0

Select context for coding agents directly from your website. Makes tools like Cursor, Claude Code, Copilot run up to 3× faster

ClickSay - AI Feedback for Vibe Coders

5.0

Click any element, say your fix in 20 languages, paste AI-ready context into any coding tool. Three seconds from thought to code.