nudgit

Ihre UI. Ihr Feedback. Agent-ready.

Elemente direkt im Browser bearbeiten, verschieben und kommentieren. Aus visuellem Feedback werden umsetzbare Anweisungen für Ihren Coding-Agenten. Ein Screenshot mit roten Pfeilen erklärt selten genau, was sich ändern soll, und ein Coding-Agent kann rote Pfeile ohnehin nicht lesen. nudgit legt eine Overlay-Ebene über jede laufende Web-App: Elemente anklicken, Texte und Beschreibungen ändern, verschieben, duplizieren, aus einer Palette ähnlicher Elemente ergänzen, entfernen oder direkt auf der Seite kommentieren.

Am Ende steht eine kompakte Änderungsliste, ui-changes.md, lesbar für Menschen und zugleich als JSON maschinenlesbar, mit mehreren Ankern pro Element (Selektor, zugänglicher Name, Text, HTML-Ausschnitt, Breadcrumb, URL). Ein Coding-Agent wie Claude Code oder Codex setzt sie exakt im Quellcode um. nudgit selbst schreibt nie in den Code der Ziel-App.

Visuelles BearbeitenAgent-readyOpen SourceMIT-Lizenz

So funktioniert es

So sieht es aus

Element in einer Web-App mit nudgit ausgewählt — Element auswählen: Die Hover-Box zeigt, was Sie treffen; an der Auswahl erscheinen Schnellzugriffe zum Umbenennen, Verschieben und Kommentieren.

Änderungsliste von nudgit neben der Vorschau — Alle Änderungen in einer Liste: Texte, Beschreibungen, Verschieben, Entfernen, Duplikate und Kommentare, direkt auf der Seite als Vorschau.

Kommentar an einem Button in nudgit — Kommentar für alles andere, zum Beispiel Layout- oder Stilwünsche, direkt am Element.

Exportierte Datei ui-changes.md — Das Ergebnis: ui-changes.md nennt zuerst, was zu tun ist, dann wo, mit mehreren Ankern pro Element für den Coding-Agenten.

Funktionen

Overlay über einen lokalen Proxy — funktioniert auch bei Apps mit gesetzter CSP oder X-Frame-Options
Browser-Erweiterung für Chrome und Edge: dasselbe Overlay direkt auf der echten Seite, ohne Proxy, etwa für Apps hinter einer SSO-Anmeldung oder auf entfernten Servern
Änderungen direkt auf der echten Seite: Texte und Beschreibungen anpassen, per Drag & Drop verschieben, duplizieren, aus einer Palette ähnlicher Elemente ergänzen, entfernen oder kommentieren, dazu Schnellzugriffs-Icons je Element
Robuste Elementidentifikation mit mehreren Ankern: Selektor, zugänglicher Name, Text, HTML-Ausschnitt, Breadcrumb und URL
Export als ui-changes.md — Markdown für Menschen und JSON für Coding-Agenten wie Claude Code oder Codex, die die Änderungen exakt im Quellcode umsetzen
Arbeitsstand wieder laden: Import einer gespeicherten ui-changes.md oder JSON-Datei, wahlweise ersetzend oder ergänzend
API-Aufrufe der App an lokale Backends und freigegebene Hosts laufen mit durch den Proxy, damit CORS-Prüfungen nicht anschlagen; eigenes CA-Zertifikat für interne HTTPS-Server
Startseite mit URL-Eingabe, Speicherort für ui-changes.md und zuletzt genutzten URLs, dazu eine macOS-App mit eigenem Dock-Icon
Läuft vollständig lokal: keine Cloud, keine Anmeldung, keine Telemetrie; der Proxy ist standardmäßig nur vom eigenen Rechner erreichbar
Deutsche und englische Oberfläche; ui-changes.md immer auf Englisch, weil sie für Coding-Agenten bestimmt ist

Porträt-Illustration des Gründers von WerkWorks

Schreiben Sie mir

Ob Rückmeldung zu einem Produkt oder eine Anfrage zur Zusammenarbeit: Ihre Nachricht landet direkt bei mir. Ich melde mich selbst zurück.

info [at] werkworks [punkt] de +49 176 48993012