oil-oil

oil-oil / selector

Public

Visual element picker bookmarklet — select elements, annotate instructions, copy prompt for AI

oil-oil.github.ioselector
44
11
100% credibility
Found Apr 02, 2026 at 44 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
JavaScript
AI Summary

Selector is a bookmarklet that enables users to visually select elements on any webpage, annotate them with instructions, and generate copy-paste prompts for AI coding assistants.

How It Works

1
💡 Discover Selector

You stumble upon a clever tool that lets you visually pick parts of any webpage and give simple instructions to an AI for improvements.

2
🔧 Add to Bookmarks

Head to the install page and drag the handy Selector button to your browser's bookmarks bar – super quick one-time setup.

3
🌐 Open Your Webpage

Load up the site you want to tweak, like your personal dashboard or a blog.

4
🎯 Select Elements Easily

Click your Selector bookmark, then point, click, or drag to highlight exactly the page parts you want to change – it feels intuitive and fun.

5
✏️ Add Change Instructions

Tap the edit button on each selected spot and type friendly notes like 'make this text bigger' or 'add a new link here'.

6
📋 Copy the Ready Prompt

Press copy on your keyboard to grab a neatly organized message with all the details about your selections and ideas.

🚀 Supercharge with AI

Paste the prompt into your go-to AI coding helper and see it instantly suggest or apply the perfect updates to your page.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 44 to 44 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is selector?

Selector is a JavaScript bookmarklet that turns any webpage into a visual element picker, like a browser selector github tool on steroids. Point, click, or drag to grab elements—add notes like "make this red"—then copy a ready-to-paste prompt packed with CSS selectors, text, HTML snippets, and even React component paths for AI coders. It solves the hassle of eyeballing DOMs and hand-crafting prompts for tools like Claude or Cursor, bridging visual tweaks to code changes effortlessly.

Why is it gaining traction?

Unlike raw CSS selector github utils or postcss prefix selector github plugins, it works on live sites without installs, spitting out structured prompts with source file hints and sibling navigation via arrows. Devs dig the Shift+click multi-select, undo, and per-element instructions—perfect for github visual studio code workflows or even niche stuff like brotato mod selector github mods. The offline bookmark magic means zero setup friction, hooking AI-first frontend folks fast.

Who should use this?

Frontend devs prompting AIs for dashboard tweaks, React hackers tracing components on staging sites, or indie builders iterating UIs in github visual studio code online. Ideal for engine simulator selector github tinkerers, livery selector github customizers, or anyone juggling selector cars interfaces with credential helper selector github flows—skip manual inspector drudgery.

Verdict

Grab it if you're in the AI coding loop—solid docs and intuitive controls punch above 44 stars, though the 1.0% credibility score flags early-stage risks like sparse testing. Worth bookmarking for quick wins, but watch for updates before production reliance.

(178 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.