LLMent Picker von Henning Pähtz

LLMent Picker (say: el-el-ment) sieht nichts, bis Sie klicken, sendet nichts und läuft nur auf der Seite, auf der Sie es aufrufen. Ein Klick kopiert genau das, was ein KI-Agent braucht, um zu wissen, welches Element Sie meinen – und bleibt dabei aus dem Weg: kein Panel, keine Kommentare, keine Berechtigung für alle Websites.

Wer mit einem KI-Assistenten an einer Webseite arbeitet, kennt das Problem: „Ich meine das zweite Kästchen unter der Überschrift" ist für Menschen klar, für ein Werkzeug nicht. LLMent Picker macht aus einem Klick eine eindeutige Referenz in der Zwischenablage:

1. die vollständige Seiten-URL
2. ein CSS-Selektor, der genau dieses Element trifft, z. B. #bereiche .values > .value:nth-of-type(2) > p
3. wenn Sie vorher Text markiert haben: dieser Text in Anführungszeichen – „um diese Stelle geht es"
4. mit Alt+Klick: ein Screenshot des Elements samt Umgebung, dazu Viewport und Pixelverhältnis – für „das überlappt", „das ist verschoben". Standardmäßig landet das PNG im Download-Ordner und sein Pfad im Zwischenablage-Text – tokensparend, für jeden Chat lesbar, in voller Auflösung ausschneidbar (Einstellung: Datei, Zwischenablage mit Bild und Text in einem Strg+V, oder beides). Elemente, die größer sind als das Fenster (lange Tabellen, breite Tabellen in Scroll-Containern), werden vollständig erfasst, aus mehreren Kacheln zusammengesetzt. Oder linke Taste halten und einen Bereich aufziehen: das Lasso erfasst genau diesen Ausschnitt, der Selektor nennt den Container, der ihn am besten abdeckt.
5. mit Strg+Klick: das HTML des Elements, so wie es gerade im Browser steht, als Datei im Download-Ordner, mit dem CSS-Kontext wie im Inspektor (greifende Regeln samt Datei und Media-Query, effektive Layout-Werte). Der Pfad kommt in die Zwischenablage – Claude Code liest die Datei direkt. Für Inhalte, die es nur eingeloggt oder nur nach dem Rendern gibt: Stundenpläne, Tabellen, Portale.

Der Selektor ist für Menschen lesbar und für Werkzeuge eindeutig: IDs und sprechende Klassen als Anker, Positionsangaben nur wo nötig, Zustands- und Animationsklassen ignoriert, und jeder Selektor wird vor dem Kopieren gegen die Seite geprüft (genau ein Treffer).

Bedienung
• Text markieren, dann Icon oder Tastenkürzel → Element der Markierung + Text sofort kopiert
• Nichts markiert: Icon oder Tastenkürzel → Picker startet, Element unter der Maus wird umrahmt, Klick kopiert
• Alt+Klick → mit Screenshot · Strg+Klick → als HTML-Datei · beides → beides · Ziehen → Lasso-Bereich als Screenshot · R → Interaktion 5 s aufnehmen (Hover-Regeln, Übergänge, Zustandsdiff, DOM-Änderungen, Bildrate, Kontaktbogen)
• Shift halten → Mehrfachauswahl: Shift+↑/↓ oder Shift+Klick erweitern auf Nachbar-Sections, jedes andere Element kommt einzeln dazu, ein Container wird zum Kontext der inneren Elemente; Enter oder Klick kopiert alles mit einem Screenshot
• Alt, Strg oder R antippen schaltet den Modus für den nächsten Klick scharf – die Taste muss beim Zielen nicht gehalten werden
• Jede Kopie beginnt mit einem Label wie [LLMent: element, shot:file] und einer Kontextzeile (Browser, Viewport, Pixelverhältnis, dark/reduced-motion) – ein Agent erkennt das Format, statt zu raten; jeder Teil ist abschaltbar
• Rechtsklick auf der Seite → „Dieses Element kopieren" / „Mit Screenshot kopieren" / „Als HTML-Datei speichern" / „Interaktion hier aufnehmen", ohne Picker-Modus
• Rechtsklick auf das Icon → Picker mit Voreinstellung starten
• Funktioniert auch in iframes; die Zwischenablage nennt den Frame

Datenschutz: nur die Berechtigung activeTab – die Erweiterung tut nichts, bis Sie sie aufrufen, und hat keinen Zugriff auf andere Seiten. Screenshots und HTML-Dateien entstehen nur auf Ihren Klick und bleiben auf Ihrem Gerät (Download-Ordner oder Zwischenablage). Keine Netzwerkzugriffe, keine Datenerhebung. Quellcode auf GitHub, MIT-Lizenz.