Revisely: Visuelles Feedback zu KI-Fixes

Verwandle Website-Feedback in KI-fertige Fixes. Annotieren, CSS bearbeiten, Prompts und GitHub/Jira-Tickets für Cursor & Claude.

Revisely — die Chrome-Erweiterung, die Live-Website-Feedback in KI-fertige Code-Fixes verwandelt. Schluss mit chaotischen Screenshots und vagen „schieb das mal ein bisschen nach rechts"-E-Mails: Klicke auf ein beliebiges Element auf jeder Seite, hinterlasse eine Notiz, bearbeite CSS live und exportiere alles mit einem Klick als KI-Prompt, Revisions-Karte oder Issue-Ticket. Der schnellste und klarste Weg für Entwickler, Designer, QA-Tester, Agenturen und Produktmanager, Design-Feedback zu kommunizieren. ✨ v1.3.0 — Neuigkeiten • Überarbeitetes Design: Panel und Symbolleiste direkt auf der Seite wurden von Grund auf neu gestaltet — sauberer, schneller, weniger Klicks pro Revision. Der gesamte Workflow läuft jetzt flüssig über ein Dock am rechten Rand. • KI-Übergabeprofile: Speziell optimierte Prompts – separat für Cursor, Claude, ChatGPT, v0 und Lovable. Jeder Prompt enthält Selektor, Priorität, Verantwortlichen und Akzeptanzkriterien. Revisely kopiert den passenden Prompt und öffnet das KI-Tool für dich — du fügst nur ein und legst los. • Auto-Issue-Finder (Seiten-Audit): Findet automatisch häufige UX- und Barrierefreiheitsprobleme — zu geringer Kontrast, zu kleiner Text, fehlender Alt-Text, kleine Tap-Ziele — und macht mit einem Klick Revisionen daraus. • GitHub-, Linear- & Jira-Export: Exportiere Feedback als einfügefertige Tickets für deinen Issue-Tracker — inklusive Status, Priorität, Verantwortlichem, Selektor und vorgeschlagenem CSS. • Team-Metadaten: Weise jeder Revision Priorität, Status und Verantwortlichen zu — so werden deine Revisions-Karten und Prompts für Teams viel nützlicher. • DESIGN.md- & SKILL.md-Übergabe: Übergib deinen Design-Kontext und deine Projektregeln mit einer einzigen Datei an KI-Coding-Tools. • Import & Sitzungswiederherstellung: Lade eine zuvor exportierte Revisions-Karte; Revisely erkennt die URL und stellt jede Notiz, jedes Badge und jede CSS-Änderung genau dort wieder her, wo du aufgehört hast. • 5 Sprachen: Englisch, Türkisch, Deutsch, Spanisch und Japanisch — direkt in der Erweiterung sofort umschaltbar. 🚀 Warum Revisely? Bei Webprojekten geht Feedback oft in der Übersetzung verloren. Sätze wie „verschieb das einen Pixel nach links" oder „mach dieses Blau etwas dunkler" verlieren schnell ihre Bedeutung. Revisely löst das an der Wurzel, indem du direkt auf dem Live-DOM annotierst: - Visueller + technischer Kontext zugleich: Erfasst nicht nur den Screenshot, sondern auch das HTML-Element, seinen CSS-Selektor und seine berechneten Stile. - KI-first-Workflow: Melde nicht nur den Fehler — schreib die Lösung. Exportiere dein Feedback als strukturierten Prompt mit allem, was eine KI braucht, um die Änderung sofort umzusetzen (kompatibel mit Cursor, Claude, ChatGPT, v0 und Lovable). - Professionelle Ergebnisse: Erstelle ansprechende „Revisions-Karten" als HTML-Reports für dein Team oder deine Kunden — oder GitHub- / Linear- / Jira-Tickets. 🌟 Hauptfunktionen 1. Klick-und-markiere-Elementauswahl: Fahre über ein beliebiges Element auf der Seite und klicke. Revisely hebt genau das Element hervor, das du meinst. 2. Auf Screenshots zeichnen: Markiere beim Hinzufügen einer Revision mit Stift, Pfeil oder Rechteck ganz genau, was nicht stimmt. 3. Integrierter Live-CSS-Editor: Beschreib die Änderung nicht — zeig sie. - Farbwähler: Text- und Hintergrundfarben live anpassen. - Typografie: Schriftgrößen ändern, um die Hierarchie zu perfektionieren. - Abstände: Visuelle Box-Modell-Steuerung für Margin und Padding. - Kategorien: Markiere Probleme als Fehler, Design, Inhalt oder Sonstiges und filtere mühelos. 4. KI-Prompt-Generator (Developer Export): Die Funktion, die Revisely auszeichnet. Exportiere dein Feedback als strukturierten Prompt mit: - Präzisen CSS-Selektoren (IDs / Klassen) - Aktuellen berechneten Stilen und den gewünschten Änderungen - Kontextbezogenen HTML-Snippets Füge den Prompt in einen beliebigen KI-Coding-Assistenten ein und erhalte den korrigierten Code sofort. 5. Auto-Issue-Finder (Seiten-Audit): Erkenne automatisch Barrierefreiheits- und UX-Probleme wie Kontrast, Alt-Text und Tap-Ziele und mach mit einem Klick Revisionen daraus. 6. Issue-Tracker-Export: Verwandle dein Feedback in einfügefertigen Ticket-Text für GitHub, Linear oder Jira — mit Status, Priorität, Verantwortlichem und technischen Details. 7. Visuelle Revisions-Karten & eigene Screenshots: Exportiere einen hochwertigen, eigenständigen HTML-Report. - Auto-Screenshots: Ein automatisch zugeschnittenes Bild für jedes Problem. - Bild austauschen: Lade eigene Bilder oder Mockups direkt in die Karte. - Ein integrierter „KI-Prompt kopieren"-Button. 8. Sitzungen importieren & wiederherstellen: Lade eine exportierte Revisions-Karte; Revisely erkennt die URL und stellt all deine Badges, Notizen und CSS-Änderungen dort wieder her, wo du aufgehört hast. Teammitglieder können die Revisions-Dateien der anderen importieren. 👨🏻‍💻 Für wen ist es? - Entwickler: Erhalte Fehlerberichte, die wirklich Sinn ergeben — mit Selektoren und Style-Daten. - Designer: Prüfe umgesetzte Designs (QA) und gib pixelgenaues Feedback. - QA-Tester: Dokumentiere visuelle Fehler schneller als je zuvor. - Agenturen & Freelancer: Verwandle Kundenrevisionen in klare, professionelle Reports. - Kunden & PMs: Kommuniziere Änderungen klar — ganz ohne Programmierkenntnisse. 🔒 Datenschutz zuerst Revisely läuft zu 100 % lokal. Kein Konto, kein Login, keine Cloud, kein Backend. Deine visuellen Daten und dein Feedback werden in deinem Browser verarbeitet und niemals an einen externen Server gesendet, es sei denn, du teilst eine exportierte Datei ausdrücklich selbst. Revisely führt keine KI-Aufrufe durch und fragt nie nach einem API-Schlüssel — es erzeugt nur den fertigen Prompt; ob du ihn in dein eigenes KI-Tool (Cursor, Claude, ChatGPT …) einfügst, bleibt ganz dir überlassen. Lade Revisely noch heute herunter und hör auf, denselben Fehler zweimal zu beheben.