Item logo image for UISelector2AI

UISelector2AI

5.0(

1 rating

)
Item media 2 (screenshot) for UISelector2AI
Item media 1 (screenshot) for UISelector2AI
Item media 2 (screenshot) for UISelector2AI
Item media 1 (screenshot) for UISelector2AI
Item media 1 (screenshot) for UISelector2AI
Item media 2 (screenshot) for UISelector2AI

Overview

UISelector2AI extracts CSS selectors and HTML and converts them into AI-ready prompts for updating UI code or tests.

UISelector2AI - AI 提示詞專用網頁元素選取器 一鍵擷取網頁元素選擇器 (Selectors) 與 HTML,專為 AI 程式碼助手打造。 UISelector2AI 幫助開發者與 Prompt Engineer 快速提取網頁上精確的 CSS 選擇器、HTML 結構。它能將數據格式化為乾淨、適合 AI 閱讀的提示詞 (Prompt),完美搭配 ChatGPT Codex、Claude Code、Antigravity 或 Gemini CLI 使用,以自動定位網頁元素並使 AI 工具能快速更新前端程式碼。 主要功能 點擊即選 (Point & Click):游標懸停高亮顯示,點擊即可擷取元素。 AI 專用輸出:自動生成結構化的 Prompt,包含 URL、選擇器。 側邊欄工作區:在側邊欄 (Side Panel) 檢視與管理您已選取的元素列表。 智慧選擇器:生成穩健的 CSS 選擇器(支援 ID、Class、屬性與結構定位)。 如何使用 啟動檢測模式:按下 Alt+O 或點擊 Popup 中的 "Start Inspect"。 選取元素:點擊網頁上您想參考的 UI 元素。 開啟側邊欄:按下 Alt+L 查看已選取的元素清單。 匯出 Prompt:點擊 "Copy Prompt" (Alt+C) 複製格式化後的文字。 鍵盤快速鍵 開啟檢測模式 (Toggle Inspect):Alt + O 關閉檢測模式 (Toggle Inspect):Alt + O 或 Esc 開啟側邊欄 (Side Panel):Alt + L 複製 Prompt:Alt + C 清除標註:Alt + X 隱私權政策 本擴充功能完全在您的裝置上本地運行。不會將任何數據發送到外部伺服器。 UISelector2AI - Web Element Selector for AI Prompts One-click retrieval of web element Selectors & HTML for AI coding assistants. UISelector2AI helps developers and prompt engineers quickly extract precise CSS selectors, HTML structure from any webpage. It formats the data into a clean, AI-ready prompt, perfect for feeding into LLMs like ChatGPT Codex, Claude Code, Antigravity or Gemini CLI to automatically locate web elements and update frontend code or tests. Key Features Point & Click Inspection: Hover to highlight elements, click to capture. AI-Ready Output: Automatically generates a structured prompt with URL, Selectors, and HTML context. Side Panel Workflow: Review and manage your selected elements in a convenient side panel. Smart Selectors: Generates robust CSS selectors (ID, Class, Attribute, and Structural). How to Use Activate Inspect Mode: Press Alt+O or click "Start Inspect" in the popup. Select Elements: Click on any UI element you want to reference. Open Side Panel: Press Alt+L to view your list of selected elements. Export Prompt: Click "Copy Prompt" (Alt+C) to get the formatted text for your AI tool. Keyboard Shortcuts Open Inspect Mode: Alt + O Close Inspect Mode: Alt + O or Esc Open Side Panel: Alt + L Copy Prompt: Alt + C Clear Annotations: Alt + X Privacy Policy This extension runs entirely locally on your device. No data is sent to external servers.

Details

  • Version
    1.0
  • Updated
    February 12, 2026
  • Offered by
    benxu.huang
  • Size
    27.76KiB
  • Languages
    中文(台灣)
  • Developer
    Email
    benxu.huang@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

Related

위드애니AI

0.0

위드애니AI는 브라우저 우측 사이드패널로 어떤 웹페이지에서든 원하는 AI를 바로 실행할 수 있게 해주는 브라우저 확장 프로그램입니다.

ABsmartly LaunchPad

0.0

Visual A/B testing extension for ABsmartly. Create DOM-based experiments with drag & drop editing and real-time preview.

Screen Ruler - Measure and Inspect the Web

4.5

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Web Element Selector

5.0

Advanced element locator with AI-powered xpath and css selector generation. Supports ChatGPT, Gemini, DeepSeek, and Claude.

HTML/CSS Extractor

5.0

Extract HTML & CSS from any element with live preview, smart selector simplification, and syntax-highlighted editor

AEO/GEO Audit Tool - AI readiness check

0.0

Quick AI readiness audit for any webpage. Check if your page is optimized for AI platforms like ChatGPT, Claude, and Perplexity.

AutoMate – CSS Selector XPath Locator Finder

5.0

Generate & validate CSS/XPath locators for web automation. Works with Selenium, Playwright & Cypress. Highlight elements too.

UI Inspector - Visual CSS Editor

4.1

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Open WebUI Assistant

5.0

AI-powered text tools using your local Open WebUI instance

Page Manipulator

3.6

Inject HTML, CSS or JavaScript into any web-page. The changes you make are applied every time you visit the specified website(s).

Live editor for CSS, Less & Sass - Magic CSS

4.6

Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...

HTML/CSS Section Copier

0.0

Extracts selected section and provides raw HTML and CSS.

위드애니AI

0.0

위드애니AI는 브라우저 우측 사이드패널로 어떤 웹페이지에서든 원하는 AI를 바로 실행할 수 있게 해주는 브라우저 확장 프로그램입니다.

ABsmartly LaunchPad

0.0

Visual A/B testing extension for ABsmartly. Create DOM-based experiments with drag & drop editing and real-time preview.

Screen Ruler - Measure and Inspect the Web

4.5

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Web Element Selector

5.0

Advanced element locator with AI-powered xpath and css selector generation. Supports ChatGPT, Gemini, DeepSeek, and Claude.

HTML/CSS Extractor

5.0

Extract HTML & CSS from any element with live preview, smart selector simplification, and syntax-highlighted editor

AEO/GEO Audit Tool - AI readiness check

0.0

Quick AI readiness audit for any webpage. Check if your page is optimized for AI platforms like ChatGPT, Claude, and Perplexity.

AutoMate – CSS Selector XPath Locator Finder

5.0

Generate & validate CSS/XPath locators for web automation. Works with Selenium, Playwright & Cypress. Highlight elements too.

UI Inspector - Visual CSS Editor

4.1

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Google apps