Giroucode
Senhal: Element picker & annotations for AI coding agents
Click an element in your own browser: verified CSS selector, screenshot, notes. On disk for Claude Code, Codex, Cursor. No plugin.
Point at what you mean, instead of describing it. Senhal turns a web page into something your coding agent can actually act on. Draw on the page, pick the elements you are talking about, then hand the whole thing over in one gesture. Works with any coding agent that can read a folder on your disk. HOW IT WORKS 1. Open Senhal on any page with the toolbar button or a keyboard shortcut. 2. Draw arrows, boxes and freehand marks. Add notes. Highlight a sentence and it is quoted for you. 3. Click the elements you are referring to. Each one gets a number and a CSS selector. 4. Press Agent. Senhal writes the session to your Downloads folder and copies a single paste for your agent's prompt. WHAT YOUR AGENT RECEIVES • A CSS selector for every element you picked, checked for uniqueness on the page, not a guessed one. Senhal prefers a stable identifying attribute (id, data-testid, name, href, aria-label) and only walks up the tree when it has to, so the selector survives a sibling being inserted next to it. • The annotated screenshot, plus one close-up per selected element. • prompt.md: your notes, the quoted text, and the numbered list of everything you marked. • A folder path your agent can open directly, including the /mnt/c/... form when you work in WSL. No more "the button under the third card, on the right" followed by three rounds of the agent editing the wrong component. NOTHING LEAVES YOUR MACHINE Senhal has no network code at all. No account, no server, no telemetry, no analytics. It reads a page only after you open it on that page, and it writes only to your own Downloads folder. The source is shipped readable and unminified so you can check this yourself. ALSO • Full-page screenshot: the whole page, scrolled and stitched into one PNG, your annotations included. Fixed headers appear once, not on every screen. • Copy as Markdown: the page's main content, or just your selection, as clean Markdown ready to paste into a chat or an agent. • A Stack panel that names the technologies the page is built with: CMS, frameworks, CSS, analytics, hosting. Read from the page itself, nothing is looked up online. • Agent on another machine (SSH, a VPS, Codespaces)? The paste alone carries the selectors and notes, and tells the agent where the images are. Drag the session folder into your remote editor when it needs them. • A compact toolbar: the drawing tools stay in view, everything else is one click away in a menu that shows its keyboard shortcut. Every shortcut can be remapped. • Vertical or horizontal toolbar, light or dark, remembered between sessions. • Interface in English, French, Spanish and German. Requires Chrome 111 or later.
Details
- AddressGiroucode
36 Impasse de Prat Pastat GIROUSSENS 81500 FR - TraderThis developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.