Website-Reviews, die dein KI-Agent direkt umsetzt
Ainotate sammelt visuelles Feedback direkt auf der Live-Website — mit Screenshot und technischem Kontext — und liefert es per MCP an Claude Code und andere KI-Coding-Agenten. Aus jeder Anmerkung wird umsetzbarer Kontext statt eines vagen „der Button oben".
Live-Demo: Klick unten rechts auf das Icon — du kannst diese Seite direkt annotieren.
In drei Schritten zum zentralen Review
Kein Onboarding für deine Kunden nötig — sie klicken einfach auf der Seite, die sie ohnehin schon offen haben.
Widget einbinden
Ein einziges Script-Tag (oder das npm-Paket @ainotate/react) auf der Kundenseite platzieren — fertig. Kein Server, keine Konfiguration auf Kundenseite nötig.
Kunden annotieren live auf der Seite
Kunden und Reviewer klicken direkt auf der laufenden Website, markieren Elemente und schreiben ihr Feedback im Kontext.
Agent holt die Inbox per MCP
Alle Anmerkungen landen in einer Inbox und dein KI-Agent holt sie sich per MCP direkt ab — oder du legst mit einem Klick ein Jira-Ticket samt Screenshot an.
Alles, was Agenturen für Website-Review brauchen
Embed-Script
Ein Snippet pro Widget, sofort einsatzbereit auf beliebigen Domains deiner Kunden.
Zentrale Inbox
Alle Annotationen aller Widgets und Kunden an einem Ort filtern, sichten und bearbeiten.
Screenshots automatisch
Jede Anmerkung wird automatisch mit einem Screenshot der betroffenen Stelle dokumentiert.
Technische Session-Daten
Browser, Viewport, Sprache, Zeitzone und Plattform — automatisch mitgeliefert, kein Nachfragen nötig.
MCP für Agenten
Verbinde Claude Code oder deinen eigenen Agenten per MCP direkt mit deiner Ainotate-Inbox.
Jira-Integration
Anmerkungen mit einem Klick als Jira-Ticket samt Screenshot und Kontext anlegen.
Gebaut für das Agency-Modell
Betreibe beliebig viele Widgets für beliebig viele Kunden aus einem einzigen Konto — jedes Widget mit eigener Domain-Freigabe, eigenen Einstellungen und eigenem Embed-Code.
Einfache, transparente Preise
Jederzeit kündbar. Kein Setup-Aufwand.
Free
Zum Ausprobieren mit einem Kunden.
0 €für immer
- 1 Widget
- 1 Kunde
- Zentrale Inbox
- Screenshots automatisch
Starter
Für einzelne Projekte mit einem Kunden.
29 €/ Monat
- 1 Widget
- Unbegrenzte Annotationen
- Jira-Integration
- E-Mail-Support
Agency
Für Agenturen mit mehreren Kunden und Widgets.
99 €/ Monat
- Bis zu 10 Widgets
- Mehrere Kunden verwalten
- MCP-Zugriff für Agenten
- Jira-Integration
- Priorisierter Support
In Sekunden mit deinem KI-Agenten integriert
Sag deinem KI-Agenten einfach, er soll Ainotate in deine App einbauen — er installiert das Paket und bindet das Widget selbst ein. Kein manuelles Copy-Paste durch dich nötig.
1. Widget anlegen
Im Dashboard unter Widgets ein neues Widget erstellen und den Widget-Key kopieren.
2. Prompt an deinen Agenten
Den Prompt unten an Claude Code oder deinen Coding-Agenten schicken.
3. Agent bindet es ein
Er installiert @ainotate/react und fügt <Ainotate> in deine App ein — fertig.
Prompt für deinen Agenten
Integriere Ainotate in meine App: installiere `@ainotate/react` und binde `<Ainotate widgetKey="wk_DEIN_KEY" />` ein. Den Widget-Key finde ich im Ainotate-Dashboard unter Widgets.Oder von Hand
npm i @ainotate/reactimport { Ainotate } from "@ainotate/react";
export default function App() {
return (
<>
<YourApp />
<Ainotate widgetKey="wk_..." />
</>
);
}Sobald das Widget läuft, kann derselbe Agent die eingehenden Anmerkungen anschließend per MCP abholen und direkt umsetzen — genau wie im dritten Schritt oben gezeigt.
Häufig gestellte Fragen
Alles, was du vor dem Start wissen solltest.
Was ist Ainotate?
Ein visuelles Review-Tool für Websites: Kunden und Reviewer klicken direkt auf der Live-Seite, markieren ein Element und schreiben ihr Feedback im Kontext. Alle Anmerkungen landen zentral in einer Inbox statt verstreut in E-Mails oder Chats.
Wie binde ich das Widget ein?
Zwei Wege: entweder ein Script-Tag — <script src="https://api.ainotate.app/widget.js" data-widget-key="wk_..." defer> — oder das npm-Paket @ainotate/react mit der <Ainotate widgetKey="wk_..." />-Komponente. Beides ist in wenigen Minuten eingebunden.
Funktioniert es auf jeder Website oder App?
Ja. Ainotate läuft auf beliebigen Domains — du legst pro Widget eine Domain-Allowlist fest, damit es nur dort aktiv ist, wo du es erlaubst.
Funktioniert Ainotate auch auf Mobilgeräten?
Aktuell ist der Review-Flow auf Desktop ausgelegt. Mobile Reviews sind in Arbeit und folgen in einer der nächsten Versionen.
Was ist der MCP-Zugriff und wie holt mein KI-Agent die Anmerkungen ab?
Dein Agent verbindet sich per MCP mit deiner Ainotate-Inbox und ruft Tools wie list_annotations und get_annotation auf, um offene Anmerkungen samt Screenshot und Kontext zu laden. Nach der Umsetzung setzt er den Status der Anmerkung direkt über MCP zurück.
Wie entstehen die Screenshots?
Automatisch und client-seitig: Beim Absenden einer Anmerkung erstellt das Widget im Browser des Reviewers einen Screenshot der betroffenen Stelle — ganz ohne zusätzlichen Schritt.
Was kostet Ainotate?
Es gibt einen kostenlosen Einstieg (Free) sowie die Pläne Starter und Agency für mehrere Kunden und Widgets. Details findest du oben im Abschnitt Preise.
Wie sicher sind meine Daten?
Alle Daten sind strikt pro Organisation getrennt. Screenshots und Anmerkungen sind privat und nur für dein Team sowie deinen autorisierten Agenten zugänglich.
Bereit für zentrales Website-Review?
Leg direkt los — Auth ist in dieser Version gemockt, du bist in wenigen Sekunden im Dashboard.