Kreskio-Anleitung für Ihr Team

Was ist Kreskio?

Kreskio ist ein Tool, mit dem Fehler und Anmerkungen direkt auf der Website gemeldet werden. Statt E-Mails mit Screenshots und Beschreibungen wie „auf dem Handy geht was nicht“ erhalten Sie eine vollständige Meldung: den markierten Bereich der Seite, eine Beschreibung und technische Daten wie Browser, Betriebssystem und Fenstergröße.

• Ihre Kunden melden Anmerkungen über den Button „Fehler melden“ auf der Website – ganz ohne Konto.
• Ihr Team kann über die Chrome-Erweiterung Fehler auf jeder beliebigen Website melden.
• Alle Meldungen landen an einem Ort, wo Sie sie zuweisen, mit einem Fälligkeitsdatum versehen, kommentieren und schließen können.
• Kunden und Team können auch Ideen einreichen. Diese landen separat im Bereich „Ideen“, wo Sie darüber abstimmen und entscheiden, was umgesetzt wird.

Erste Schritte

1. 1

   Konto erstellen

   Registrieren Sie sich und bestätigen Sie Ihre E-Mail-Adresse über den Link in der Nachricht von Kreskio.

2. 2

   Workspace anlegen

   Geben Sie den Namen Ihrer Firma oder Ihres Teams ein. Sie können gleich die Adresse der Website eintragen, auf der Sie Meldungen sammeln möchten – Kreskio legt dann das erste Projekt an.

3. 3

   Code auf der Website einfügen

   Kopieren Sie eine Zeile Code von der Projektseite und fügen Sie sie auf der Website Ihres Kunden ein. Details finden Sie im Abschnitt „Installation auf der Website“.

4. 4

   Team einladen

   Laden Sie im Bereich „Team“ die Personen ein, die die Meldungen bearbeiten sollen.

5. 5

   Anleitung an den Kunden senden

   Auf der Projektseite finden Sie einen Link zur Anleitung für Kunden. Sie können ihn verschicken oder die Anleitung als PDF herunterladen.

Workspaces

Ein Workspace ist Ihre Firma oder Ihr Team in Kreskio. Zu ihm gehören die Projekte und die Mitglieder Ihres Teams. Ein Konto kann zu mehreren Workspaces gehören, zum Beispiel zu Ihrer eigenen Agentur und zum Workspace eines Kunden, der Sie zur Zusammenarbeit eingeladen hat.

• Den Workspace wechseln Sie über den Umschalter oben links, unter dem Logo.
• Einen neuen Workspace legen Sie im selben Menü über „Neuer Workspace“ an.
• Den Namen des Workspace ändern Sie unter „Einstellungen“ (für Inhaber und Administratoren).
• Dort fügen Sie auch ein Logo (PNG oder JPG) und Ihre Markenfarbe hinzu. Ihre Kunden sehen sie im Kundenportal, in den E-Mails zu ihren Meldungen und auf dem Button „Fehler melden“ auf Ihren Websites – statt der Marke Kreskio.

Projekte

Ein Projekt ist eine Website oder Anwendung, auf der Sie Meldungen sammeln, zum Beispiel der Onlineshop eines Kunden oder dessen Testversion. Jedes Projekt hat einen eigenen Installationscode und eine eigene Liste erlaubter Domains.

1. 1

   Projekt hinzufügen

   Öffnen Sie „Projekte“, klicken Sie auf „Neues Projekt“ und geben Sie den Namen und die Domain der Website ein.

2. 2

   Erlaubte Domains festlegen

   Das Widget nimmt Meldungen nur von Websites auf dieser Liste an. So kann niemand Ihren Code auf einer fremden Website verwenden.

3. 3

   Widget bei Bedarf deaktivieren

   In den Projekteinstellungen können Sie den Melde-Button vorübergehend ausblenden, ohne den Code von der Website zu entfernen.

4. 4

   Adresse der lokalen Version angeben (optional)

   Wenn Sie Korrekturen an einer eigenen Kopie der Website vornehmen, z. B. shop.test, tragen Sie deren Adresse in den Projekteinstellungen ein. Aufgaben aus „Für KI kopieren“ verweisen dann direkt unter dieser Adresse auf die gemeldete Unterseite.

5. 5

   Melde-Button anpassen (optional)

   Im Bereich „Melde-Button“ legen Sie seine Position fest (rechte oder linke untere Ecke oder ein Reiter am Rand, wenn die Ecke von einem Chat oder Cookie-Banner belegt ist), dazu Größe und Aussehen: Symbol mit Beschriftung oder nur ein Symbol, das die Beschriftung beim Darüberfahren mit der Maus zeigt. Die Vorschau daneben zeigt das Ergebnis vor dem Speichern. Auf 4K-Monitoren wird der Button automatisch etwas größer. Sie können auch das Tastenkürzel Alt+Shift+K (auf dem Mac Option+Shift+K) aktivieren, das sofort eine Meldung mit Screenshot öffnet. Die Änderungen sind nach dem Neuladen der Website sichtbar.

6. 6

   Ideen aktivieren (optional)

   Aktivieren Sie „Ideen im Widget annehmen“, dann wählen Kunden beim Senden „Fehler“ oder „Idee“. Standardmäßig ist die Option deaktiviert, Ihre Kunden sehen also keine Änderung, bis Sie sie ankündigen. Details im Abschnitt „Ideen“.

7. 7

   Korrekturrunden aktivieren (optional, Plan Agentur)

   Aktivieren Sie „Korrekturrunden zählen“ und tragen Sie ein, wie viele Runden Sie mit dem Kunden vereinbart haben. Details im Abschnitt „Korrekturrunden“.

Installation auf der Website

Den Installationscode finden Sie auf der Projektseite und kopieren ihn mit dem Button „Kopieren“. Er besteht aus zwei <script>-Tags: Das kurze erste speichert Konsolenfehler ab Beginn des Seitenaufbaus, das zweite lädt das Widget. Verkürzt sieht er so aus:

<script>(function (w) { … })(window);</script>
<script type="module" src="https://kreskio.pl/widget/v1/kreskio.js" data-key="pk_…" async></script>

Fügen Sie ihn im <head>-Bereich jeder Unterseite ein, möglichst weit oben – dann erfassen die Meldungen auch Fehler, die schon beim Laden der Seite auftreten. Das Widget lädt asynchron und verlangsamt die Website nicht. Der Code funktioniert auch vor dem schließenden </body>-Tag, nur ohne Fehler, die vor seinem Laden aufgetreten sind.

• WordPress: Verwenden Sie ein Plugin zum Einfügen von Code im Header (z. B. „WPCode“) oder fügen Sie den Code in die Datei header.php des Themes ein.
• Shopify: Öffnen Sie im Theme-Editor die Datei theme.liquid und fügen Sie den Code direkt nach <head> ein.
• React, Next.js, Vue: Fügen Sie das <script>-Tag im Haupt-Template oder Layout der Anwendung ein.
• Google Tag Manager: Legen Sie ein Tag vom Typ „Benutzerdefiniertes HTML“ mit dem Code und dem Trigger „Alle Seiten“ an.

Team und Rollen

Personen laden Sie im Bereich „Team“ in den Workspace ein, indem Sie E-Mail-Adresse und Rolle angeben. Die Einladung ist 7 Tage gültig. Wer noch kein Konto hat, registriert sich zuerst und klickt dann auf den Link in der Einladung.

Labels beschreiben, wofür jemand im Team zuständig ist, z. B. „Entwickler“, „Designer“ oder „Marketing“. Sie vergeben sie im Bereich „Team“ über den Button „Labels“ (bis zu 3 pro Person). Administratoren und der Inhaber vergeben Labels für alle, Mitglieder für sich selbst. Labels sehen Sie beim Zuweisen einer Meldung, und auf dem Board können Sie z. B. nur die Meldungen anzeigen, die Entwicklern zugewiesen sind.

Meldungen

Meldungen landen auf einem Board mit Spalten für die Status. Sie ziehen sie zwischen den Spalten, weisen Personen zu und kommentieren. Jede Meldung enthält einen Screenshot mit Markierungen oder eine Bildschirmaufnahme, eine Beschreibung, die Adresse der Seite und technische Daten: Browser, Betriebssystem, Fenstergröße, Konsolenfehler und fehlgeschlagene Netzwerkanfragen.

• Status: Neu, In Bearbeitung, Zur Prüfung, Erledigt.
• Das Verschieben nach „Zur Prüfung“ bittet den Kunden per E-Mail, die Korrektur zu prüfen. Der Kunde antwortet im Portal mit „Funktioniert“ oder „Funktioniert immer noch nicht“, und Sie erhalten eine Benachrichtigung – im zweiten Fall zusätzlich eine E-Mail.
• Der Kunde kann auch „Seite durchgehen“: Er klickt nacheinander auf Elemente, schreibt zu jedem einen Satz und sendet alles auf einmal. Jede Anmerkung kommt als eigene Meldung mit Screenshot, einem Rahmen um das Element und einem Pin darauf an, sodass Sie sie einzeln zuweisen und schließen können.
• Bei Aufnahmen haben Konsolenfehler und Netzwerkanfragen einen Zeitstempel, z. B. „▶ 0:12“. Ein Klick springt im Video zu dem Moment, in dem der Fehler auftrat.
• Karten und Liste zeigen ein Gerätesymbol bei Meldungen von Smartphone oder Tablet, und das Board lässt sich nach Gerät filtern. In den Details einer Meldung ist das Gerät immer zu sehen, auch „Computer“.
• Der Kunde kann mehrere Stellen mit nummerierten Kreisen markieren. Die Beschreibung kommt dann als Liste „1. …, 2. …“ mit denselben Nummern wie die Kreise auf dem Screenshot.
• Eine an ein Element angeheftete Meldung zeigt, welches Element der Seite sie betrifft („Angeheftet an …“).
• Interne Kommentare (nur für das Team) und öffentliche (für die meldende Person sichtbar).
• Die meldende Person erhält eine E-Mail mit einem Link zum Portal, in dem sie den Status und Ihre öffentlichen Antworten sieht.
• Über eine neue Meldung informieren Sie sofort die Glocke in der oberen Leiste und der Zähler bei „Meldungen“. Inhaber und Administratoren erhalten etwa 30 Minuten später eine E-Mail: Meldungen aus diesem Zeitraum kommen gesammelt in einer Nachricht.
• Auch der Kunde erhält Nachrichten gebündelt: eine Bestätigung, wenn er mehrere Anmerkungen nacheinander sendet, und eine Mitteilung, wenn Sie mehrere seiner Meldungen auf einmal erledigen.
• Webhook-Benachrichtigungen an Make, Zapier, n8n oder Slack. Die Integration mit Jira folgt in Kürze.

Neben dem Board gibt es die Bereiche „Liste“ und „Geschlossen“. In der Liste markieren Sie mehrere Meldungen und ändern auf einmal ihren Status, die zuständige Person oder das Fälligkeitsdatum; Inhaber und Administratoren können sie auch löschen. „Geschlossen“ ist das Archiv der Meldungen, die vom Board genommen wurden – Sie holen sie zurück, indem Sie den Status ändern. Der Kunde erhält keine E-Mail über das Schließen, sieht im Portal aber, dass das Team die Meldung geschlossen hat. Eine Person weisen Sie auch zu, ohne die Meldung zu öffnen, indem Sie auf den Avatar auf der Karte klicken.

In den Details einer Meldung wechseln die Pfeile ‹ › neben der Nummer zur vorherigen und nächsten Meldung im selben Bereich, z. B. in der Spalte „Neu“; die äußeren Buttons springen zur ersten und letzten. Der Zähler daneben zeigt, um welche Meldung es sich handelt, z. B. „3 von 12 · Neu“. Die Pfeile übernehmen Filter und Sortierung vom Board oder aus der Liste – mit aktivem Filter „Mir zugewiesen“ gehen Sie also nur Ihre eigenen Meldungen durch. Wenn Sie den Status ändern, führt „Weiter“ durch den Bereich, aus dem die Meldung kam – so können Sie alle neuen Meldungen der Reihe nach durchgehen.

Korrektur mit KI-Unterstützung: In den Details einer Meldung kopiert der Button „Für KI kopieren“ sie als fertige Aufgabe – Beschreibung, Seite, Browser, markiertes Element, Konsolenfehler und fehlgeschlagene Anfragen. Fügen Sie sie in Claude Code, Cursor oder einen anderen Assistenten im Repository der Website ein. „Screenshot herunterladen“ speichert den Screenshot mit den Markierungen des Kunden, den Sie der Aufgabe beilegen, denn der Assistent kann keinen privaten Link öffnen. Die Meldung stammt meist von der Live-Version (z. B. shop.de), die Korrektur machen Sie lokal (z. B. shop.test). Wenn Sie in den Projekteinstellungen die Adresse der lokalen Version angeben, nennt die Aufgabe einen fertigen Link, z. B. https://shop.test/warenkorb, und die Fenstergröße des Kunden; ohne sie nur die Unterseite, z. B. /warenkorb. Am Ende bittet die Aufgabe den Assistenten um eine kurze Antwort für den Kunden in dessen Sprache – fügen Sie sie als Kommentar „Für die meldende Person sichtbar“ ein, bevor Sie die Meldung nach „Zur Prüfung“ verschieben.

Meine Aufgaben und Fälligkeitsdaten

Jeder Meldung können Sie ein Fälligkeitsdatum geben, also den Tag, bis zu dem das Team sie erledigen möchte. Klicken Sie in den Details der Meldung auf das Feld „Fälligkeitsdatum“ und wählen Sie „Heute“, „Morgen“, „Freitag“, „In einer Woche“ oder einen beliebigen Tag im Kalender. In der Liste markieren Sie mehrere Meldungen und setzen ihr Fälligkeitsdatum auf einmal.

• Auf den Karten und in der Liste ist das Datum rot, wenn es überschritten ist, und gelb, wenn es heute fällig ist. Erledigte und geschlossene Meldungen sind nie „überfällig“.
• Die Liste können Sie so sortieren, dass die nächsten Fälligkeitsdaten oben stehen.
• Fälligkeitsdaten sieht nur das Team. Der Kunde sieht sie weder im Portal noch in E-Mails.

Der Bereich „Meine Aufgaben“ im Menü ist Ihre Liste für heute. Dort stehen die Ihnen zugewiesenen Meldungen, die noch Arbeit brauchen, gruppiert nach: Überfällig, Heute, Diese Woche, Später und Kein Fälligkeitsdatum. Meldungen mit dem Status „Zur Prüfung“ stehen separat in der Gruppe „Wartet auf den Kunden“, denn jetzt ist er am Zug. Status und Fälligkeitsdatum ändern Sie direkt in der Zeile, und eine erledigte Meldung verschwindet automatisch aus der Liste.

Ideen

Kunden melden oft nicht nur Fehler, sondern auch Ideen: „Ein Preisfilter wäre praktisch“, „Dieses Formular könnte weniger Felder haben“. Damit sie sich nicht mit Korrekturen vermischen, sammelt Kreskio sie separat im Bereich „Ideen“. Team und Kunden stimmen darüber ab, und Sie entscheiden, welche sich lohnen – oft als Zusatzauftrag.

1. 1

   Ideen im Projekt aktivieren

   Aktivieren Sie in den Projekteinstellungen „Ideen im Widget annehmen“. Ab dann wählt der Kunde auf der Website oben im Formular „Fehler“ oder „Idee“. Eine Idee hat einen Screenshot mit Markierung und die Adresse der Seite, aber keine Konsolen- und Netzwerk-Logs, da es nicht um eine Störung geht.

2. 2

   Ideen aus Gesprächen hinzufügen

   Eine Idee aus einem Telefonat oder Meeting halten Sie im Bereich „Ideen“ mit dem Button „Idee hinzufügen“ fest: Projekt auswählen, Idee eintragen und bei Bedarf Details ergänzen.

3. 3

   Abstimmen und kommentieren

   Klicken Sie in der Liste auf den Daumen neben einer Idee, um eine Stimme (+1) abzugeben, und erneut, um sie zurückzunehmen. Die meistunterstützten Ideen stehen oben. In den Details einer Idee sehen Sie, wer abgestimmt hat, und können sie wie eine Meldung kommentieren – auch mit einer Antwort, die für den Kunden sichtbar ist.

4. 4

   Entscheiden

   Ändern Sie in den Details der Idee den Status auf „Zu entscheiden“, „Angenommen“ oder „Abgelehnt“. Bei einer Ablehnung lohnt sich eine kurze Erklärung für den Kunden im Kommentar.

5. 5

   In eine Aufgabe umwandeln

   Soll eine Idee umgesetzt werden, klicken Sie auf „In Aufgabe umwandeln“. Sie landet als neue Meldung auf dem Board – mit derselben Nummer, denselben Kommentaren und Stimmen – und bleibt unter den angenommenen Ideen mit dem Hinweis „Aufgabe auf dem Board“ sichtbar.

• Die Bereiche „Zu entscheiden“, „Akzeptiert“ und „Abgelehnt“ teilen die Ideen nach Status auf. Die Liste lässt sich auf ein Projekt eingrenzen und nach Stimmen oder nach Datum (neueste zuerst) sortieren.
• Über eine neue Idee informieren die Glocke („Neue Idee von …“) und der Zähler bei „Ideen“ im Menü. Ideen erscheinen nicht in der Sammel-E-Mail über neue Meldungen.
• Eine Idee hat keine Fehler-Status, daher erhält der Kunde nicht versehentlich eine E-Mail „Korrektur prüfen“. Solche E-Mails kommen erst, nachdem die Idee in eine Aufgabe umgewandelt wurde.
• Der Kunde sieht seine Ideen im Portal, zusammen mit ihrem Status und Ihren Antworten.
• Ideen erscheinen nicht auf dem Board, nicht im Meldungszähler und nicht in der Liste, die KI-Assistenten sehen. Webhooks enthalten das Feld „type“ mit dem Wert „bug“ oder „idea“, sodass Sie in Ihren Tools Ideen von Fehlern unterscheiden können.

Korrekturrunden

Steht im Vertrag z. B. „3 Korrekturrunden“, behält Kreskio sie für Sie im Blick. Der Kunde schickt seine Anmerkungen nicht wochenlang einzeln, sondern sammelt sie auf der Website und sendet die ganze Runde mit einem Klick. Sie erhalten eine einzige Benachrichtigung und arbeiten mit dem vollständigen Paket. Korrekturrunden sind im Plan Agentur und in der Testphase verfügbar.

1. 1

   Korrekturrunden im Projekt aktivieren

   Aktivieren Sie in den Projekteinstellungen „Korrekturrunden zählen“ und tragen Sie die Anzahl der Runden ein (1 bis 10). Auf der Projektseite erscheint der Bereich „Korrekturrunden“.

2. 2

   Der Kunde sammelt Anmerkungen

   Nach einem Klick auf den Melde-Button sieht der Kunde „Runde 1 von 3“ und die Zahl der gesammelten Anmerkungen. Auf dem Board sind diese Anmerkungen ausgegraut und mit „Runde 1 · wird gesammelt“ gekennzeichnet. Sie erhalten dazu weder Benachrichtigungen noch E-Mails oder Webhooks, bis der Kunde die Runde sendet.

3. 3

   Der Kunde sendet die Runde

   Mit dem Button „Runde 1 an die Agentur senden“. Das Team erhält eine Benachrichtigung in der Glocke, Inhaber und Administratoren eine E-Mail mit der Liste der Anmerkungen. Webhooks erhalten jede Anmerkung einzeln, der Kunde eine E-Mail mit der Bestätigung der ganzen Runde.

4. 4

   Sie korrigieren und markieren die Runde

   Klicken Sie auf der Projektseite bei der gesendeten Runde auf „Runde umgesetzt“. Der Kunde erhält eine E-Mail mit der Bitte, die Website zu prüfen, und kann ab jetzt die nächste Runde senden. Anmerkungen dafür kann er schon vorher sammeln.

5. 5

   Der Kunde nimmt die Runde ab

   Im Portal klickt der Kunde bei der umgesetzten Runde auf „Runde akzeptieren“. Sie erhalten eine Benachrichtigung, und bei der Runde erscheint „Akzeptiert von …“ mit Datum. Funktioniert eine Anmerkung noch nicht, schreibt der Kunde das direkt bei dieser Anmerkung oder nimmt sie in die nächste Runde auf.

• Anmerkungen, die nach der letzten vereinbarten Runde gesendet werden, landen sofort bei Ihnen, gekennzeichnet mit „außerhalb der Runden“. Ein guter Anlass, über einen Zusatzauftrag zu sprechen.
• Meldungen des Teams (aus der Erweiterung, aus dem Widget im Team-Modus und aus der App) sowie Ideen von Kunden zählen nicht zu den Runden.
• Der Kunde sieht seine Runden im Portal: welche umgesetzt sind, welche gerade bei Ihnen liegt, welche er sammelt und wie viele noch übrig sind.
• Jede gesendete Runde hat ein Abnahmeprotokoll als PDF – der Button „PDF“ bei der Runde auf der Projektseite. Es enthält die Daten des Sendens und der Umsetzung, die Liste der Anmerkungen mit Screenshots sowie wer die Runde wann akzeptiert hat. Der Kunde lädt dasselbe Protokoll im Portal herunter.
• Hat der Kunde Anmerkungen für eine Runde gesammelt und 3 Tage lang weder etwas hinzugefügt noch die Runde gesendet, erhält er eine Erinnerungs-E-Mail mit einem Button zur Website. Die Erinnerung kommt einmal; erneut erst, wenn der Kunde weitere Anmerkungen hinzufügt und die Runde wieder liegen lässt. Sie kommt nicht, solange Sie die vorherige Runde bearbeiten.
• Wenn Sie die Korrekturrunden deaktivieren, landen die Anmerkungen aus einer nicht gesendeten Runde als normale Meldungen bei Ihnen.

KI-Assistenten: Claude Code und Cursor

Statt eine Meldung mit „Für KI kopieren“ zu kopieren, können Sie den Assistenten sie selbst abrufen lassen. Claude Code, Cursor und andere Assistenten, die MCP-Server unterstützen, lesen die Meldung dann über ihren Link oder ihre Nummer: Beschreibung, Seite, Browser, markiertes Element, Konsolenfehler, fehlgeschlagene Anfragen und den Screenshot des Kunden als Bild.

1. 1

   Schlüssel erstellen

   Einstellungen → KI-Assistenten. Geben Sie dem Schlüssel einen Namen, z. B. „Claude Code – Laptop“, und klicken Sie auf „Schlüssel erstellen“. Kreskio zeigt ihn nur einmal an, zusammen mit fertigen Befehlen.

2. 2

   Assistenten verbinden

   Claude Code: Kopieren Sie den Befehl aus dem Reiter „Claude Code“ und führen Sie ihn einmal im Terminal aus. Kreskio ist dann in jedem Repository verfügbar, auch im Bereich Code der Claude-App. Cursor: Kopieren Sie die Einstellungen aus dem Reiter „Cursor“ und fügen Sie sie unter Settings → MCP → „Add new MCP server“ ein (Datei mcp.json).

3. 3

   Projekt im Repository angeben (empfohlen)

   Kopieren Sie auf der Projektseite in Kreskio im Bereich „Für Ihr Team“ → „KI-Assistenten“ die fertige Notiz und fügen Sie sie in die Datei CLAUDE.md im Hauptordner des Website-Repositorys ein (in Cursor: AGENTS.md). Der Assistent weiß dann, welche Meldungen diesen Code betreffen, und muss nicht anhand von Adressen raten.

4. 4

   Um eine Korrektur bitten

   Schreiben Sie im Repository der Website z. B. „Hol die Meldung https://kreskio.pl/w/agencja/issues/123 aus Kreskio und behebe den Fehler“ oder „Meldung #42 aus dem Projekt Shop“.

• „Welche Meldungen aus Kreskio warten in diesem Projekt?“ – der Assistent ordnet das Repository anhand der Website-Adresse selbst dem Projekt zu und zeigt die Liste.
• „Zeig meine dringenden Meldungen aus Kreskio“ – nur die Ihnen zugewiesenen, mit der gewählten Priorität.
• „Nimm die älteste neue Meldung aus dem Shop und behebe sie“ – der Assistent wählt sie aus der Liste und ruft die Details samt Screenshot und Kommentaren ab.
• „Ich übernehme sie“ – mit einem Schlüssel, der Änderungen erlaubt, weist der Assistent die Meldung Ihnen zu und setzt sie auf „In Bearbeitung“.
• „Setz das Fälligkeitsdatum von #14 auf Freitag“ – der Assistent speichert das Datum, das nur das Team sieht.
• „Die Korrektur ist live, antworte dem Kunden und verschieb die Meldung zur Prüfung“ – der Assistent zeigt Ihnen den Antworttext und fügt ihn nach Ihrer Zustimmung hinzu und setzt „Zur Prüfung“.

Der Code, den der Assistent korrigiert, ist immer das Repository, in dem Sie die Sitzung öffnen: der Ordner, in dem Sie „claude“ im Terminal starten, oder der in der Claude-App bzw. in Cursor gewählte Ordner. Kreskio liefert nur die Information, was kaputt ist. Öffnen Sie die Sitzung deshalb im Repository der Website, die die Meldung betrifft. Die Adresse der lokalen Version aus den Projekteinstellungen verweist nicht auf den Code: Sie sagt dem Assistenten, wo er den Fehler nachstellen und die Korrektur prüfen soll, z. B. https://shop.test/warenkorb statt der Website des Kunden.

Der Befehl für Claude Code sieht so aus (statt IHR_SCHLUESSEL steht dort Ihr Schlüssel):

claude mcp add --transport http --scope user kreskio https://kreskio.pl/mcp --header "Authorization: Bearer IHR_SCHLUESSEL"

Und die Einstellungen für Cursor so:

{
  "mcpServers": {
    "kreskio": {
      "url": "https://kreskio.pl/mcp",
      "headers": {
        "Authorization": "Bearer IHR_SCHLUESSEL"
      }
    }
  }
}

• Ein normaler Schlüssel liest Meldungen nur. Wenn Sie beim Erstellen „Auch Änderungen erlauben“ aktivieren, kann der Assistent außerdem kommentieren, Status und Priorität ändern, ein Fälligkeitsdatum setzen und die Meldung Ihnen zuweisen – in Workspaces mit dem Plan Agentur und in der Testphase. Löschen kann er nichts.
• Änderungen des Assistenten werden als Ihre gespeichert, Kommentare tragen den Hinweis „über KI-Assistent“. Vor einer Antwort an den Kunden und vor „Zur Prüfung“, die dem Kunden eine E-Mail senden, fragt der Assistent Sie um Zustimmung.
• Er sieht dieselben Meldungen wie Sie, nur aus den Workspaces, denen Sie angehören.
• Er ist 90 Tage gültig. Sie können ihn jederzeit unter Einstellungen → KI-Assistenten löschen, z. B. wenn Sie Ihren Laptop verlieren.
• Wenn Sie in den Projekteinstellungen die Adresse der lokalen Version angeben, erhält der Assistent einen Link zur gemeldeten Unterseite bei Ihnen, z. B. https://shop.test/warenkorb.

Ein Beispielgespräch im Repository der Website, mit einem Schlüssel, der Änderungen erlaubt. Über den Antworten sehen Sie, welches Kreskio-Tool der Assistent verwendet hat – Sie müssen die Tools weder kennen noch eintippen, schreiben Sie einfach ganz normal:

1. Sie

   Welche Meldungen aus Kreskio warten in diesem Projekt?

2. Claudelist-issues

   Im Projekt Shop warten 3 Meldungen: #14 · Neu · Priorität: hoch – „Button verdeckt den Preis“ #13 · Neu – „Suche funktioniert nicht“ #11 · Zur Prüfung – „Tippfehler im Footer“

3. Sie

   Zeig #14.

4. Claudeget-issue

   Der Kunde hat auf /warenkorb auf einem iPhone mit einem Fenster von 390 × 844 gemeldet, dass der Button „Zur Kasse“ den Preis verdeckt – auf dem Screenshot hat er den Button markiert. Keine Fehler in der Konsole. Ich stelle das auf https://shop.test/warenkorb nach.

5. Sie

   Ich übernehme sie, behebe den Fehler.

6. Claudeupdate-issue

   Ich habe #14 Ihnen zugewiesen und auf „In Bearbeitung“ gesetzt. Ursache: Die Leiste mit dem Button hat position: fixed ohne Abstand am Seitenende. Ich habe resources/css/cart.css korrigiert. Prüfen Sie https://shop.test/warenkorb in einem Fenster von 390 × 844.

7. Sie

   Funktioniert. Halte die Ursache in der Meldung fest.

8. Claudeadd-comment

   Ich habe einen internen Kommentar mit der Ursache und der geänderten Datei hinzugefügt. Ihn sieht nur das Team.

9. Sie

   Die Korrektur ist jetzt live. Antworte dem Kunden und verschieb die Meldung zur Prüfung.

10. Claude

    Mein Vorschlag für die Antwort an den Kunden: „Der Button „Zur Kasse“ verdeckt auf dem Smartphone nicht mehr den Preis. Bitte prüfen Sie es im Warenkorb.“ Soll ich sie senden und „Zur Prüfung“ setzen? Der Kunde erhält eine E-Mail.

11. Sie

    Ja.

12. Claudeadd-commentupdate-issue

    Erledigt. Der Kunde sieht die Antwort im Portal und erhält in wenigen Minuten eine E-Mail mit der Bitte, die Korrektur zu prüfen.

So trennen Sie einen Assistenten von Kreskio:

1. 1

   Schlüssel in Kreskio löschen – das sperrt den Zugriff sofort

   Einstellungen → KI-Assistenten → „Löschen“ beim Schlüssel. Jede weitere Anfrage mit diesem Schlüssel wird abgelehnt, egal auf wie vielen Computern und in welchen Tools er gespeichert ist. Tun Sie das sofort, wenn der Schlüssel in falsche Hände gerät oder Sie Ihren Computer verlieren.

2. 2

   Server aus dem Assistenten entfernen

   Führen Sie in Claude Code den folgenden Befehl aus, in Cursor entfernen Sie den Eintrag „kreskio“ aus der Datei mcp.json. Dieser Schritt allein reicht nicht: Der Schlüssel würde weiter funktionieren, falls jemand eine Kopie davon hat.

claude mcp remove kreskio --scope user

• Vorübergehend, ohne zu löschen: Geben Sie in Claude Code /mcp ein, wählen Sie „kreskio“ und deaktivieren Sie ihn.
• Berechtigungen ändern, z. B. von Lesen auf Lesen und Ändern: Erstellen Sie einen neuen Schlüssel, tauschen Sie ihn im Assistenten aus (zuerst „claude mcp remove“, dann „claude mcp add“) und löschen Sie den alten in Kreskio.

Kundenportal

Im Portal verfolgt Ihr Kunde seine Meldungen und tauscht sich mit Ihnen aus – ohne ein Konto zu erstellen. So muss er keine E-Mails mit der Frage „Und, was ist mit dem Fehler?“ schreiben.

1. 1

   Der Kunde sendet eine Meldung über das Widget

   Er gibt Namen und E-Mail-Adresse an. Er legt kein Passwort fest und erstellt kein Konto.

2. 2

   Er erhält eine E-Mail mit dem Button „Meldung verfolgen“

   Der Link meldet ihn automatisch im Portal an und ist 7 Tage gültig. Danach gibt der Kunde seine E-Mail-Adresse auf der Portalseite ein und erhält einen neuen Link.

3. 3

   Im Portal sieht er den Status und Ihre Antworten

   Fortschritt: Neu → In Bearbeitung → Zur Prüfung → Erledigt. Er sieht außerdem seinen Screenshot oder seine Aufnahme und nur die Kommentare, die als „Für die meldende Person sichtbar“ markiert sind; interne Notizen und die Fälligkeitsdaten des Teams bleiben verborgen.

4. 4

   Sie antworten einander

   Wenn Sie einen öffentlichen Kommentar hinzufügen, erhält der Kunde eine E-Mail. Antwortet der Kunde im Portal, geht die E-Mail an die Person, der die Meldung zugewiesen ist, oder an den Inhaber und die Administratoren.

5. 5

   Der Kunde bestätigt die Korrektur

   Wenn Sie eine Meldung auf „Zur Prüfung“ setzen, erhält der Kunde eine E-Mail mit der Bitte, sie zu prüfen. Im Portal klickt er auf „Funktioniert“ – die Meldung wechselt zu „Erledigt“ – oder auf „Funktioniert immer noch nicht“ und beschreibt, was nicht stimmt – die Meldung geht zurück auf „In Bearbeitung“, und die zugewiesene Person erhält eine E-Mail.

6. 6

   Oder er erfährt von der Korrektur

   Wenn Sie eine Meldung direkt auf „Erledigt“ setzen, erhält der Kunde eine E-Mail, dass der Fehler behoben ist.

Webhooks

Ein Webhook ist eine Adresse, an die Kreskio automatisch eine Nachricht sendet, wenn etwas passiert: Eine neue Meldung geht ein, ein Status ändert sich oder jemand fügt einen Kommentar hinzu. So landen Meldungen dort, wo Ihr Team ohnehin arbeitet.

• Slack oder Teams: Eine neue Meldung erscheint als Nachricht in einem Kanal, z. B. #fehler.
• Google Tabellen: Jede Meldung wird als neue Zeile angefügt, z. B. in einer Übersicht für den Kunden.
• Trello, Asana, ClickUp oder Ihr CRM: Eine Meldung legt eine neue Aufgabe an.

1. 1

   Legen Sie ein Szenario in Make, Zapier oder n8n an

   Wählen Sie den Trigger „Webhook“ (in Make: „Custom webhook“, in Zapier: „Catch Hook“). Das Tool gibt Ihnen eine Adresse, die mit https:// beginnt.

2. 2

   Fügen Sie diese Adresse unten ein und wählen Sie die Ereignisse

   Zum Beispiel nur „Neue Meldung“, wenn Sie in Slack über neue Fehler benachrichtigt werden möchten.

3. 3

   Klicken Sie auf „Test senden“

   Kreskio sendet eine Beispielnachricht, und Make oder Zapier erkennt ihre Felder: Titel, Beschreibung, Status, Seitenadresse, meldende Person und Link zur Meldung.

4. 4

   Stellen Sie das Szenario fertig

   Fügen Sie eine Aktion hinzu, z. B. „Nachricht in Slack senden“, und verwenden Sie darin die Felder der Meldung.

Jede Nachricht ist mit dem Secret signiert, das beim Webhook angezeigt wird (Header Kreskio-Signature), sodass Ihr System prüfen kann, ob sie wirklich von Kreskio stammt. Antwortet die Adresse vorübergehend nicht, versucht Kreskio es innerhalb von 2 Stunden mehrmals erneut. Den Verlauf der letzten Zustellungen sehen Sie bei jedem Webhook.

Webhooks richten Sie auf der Projektseite im Bereich „Webhooks“ ein. Er ist für Inhaber und Administratoren des Workspace sichtbar.

Team-Modus im Widget

Mit dem Teammodus nutzen Sie und Ihr Team das Widget auf der Website des Kunden als Team statt als anonyme meldende Person. Sie müssen keine Chrome-Erweiterung installieren, daher funktioniert er in jedem Browser, auch auf dem Smartphone.

1. 1

   Klicken Sie auf „Fehler melden“ und dann auf „Team-Anmeldung“

   Der Link steht unten im Fenster, in dem Sie zwischen Screenshot und Aufnahme wählen, auf dem Smartphone unten im Meldeformular. Es öffnet sich ein kleines Kreskio-Fenster; falls Sie nicht angemeldet sind, melden Sie sich mit Ihrem Konto an. Blockiert der Browser das Fenster, erlauben Sie Pop-ups für diese Website.

2. 2

   Klicken Sie auf „Teammodus aktivieren“

   Das Fenster schließt sich von selbst, und auf der Seite erscheint die Leiste „Teammodus“ mit Ihrem Namen.

3. 3

   Schalten Sie die Pins ein

   Der Button „Pins anzeigen“ setzt nummerierte Marker an die Elemente, die offene Meldungen betreffen. Klicken Sie auf einen Marker, um die Meldung zu lesen und in Kreskio zu ihr zu wechseln.

4. 4

   Melden Sie als Teammitglied

   Meldungen aus dem Teammodus gehen sofort unter Ihrem Namen ein, ohne Angabe von Name und E-Mail. Screenshot, Aufnahme und „Auf Element zeigen“ funktionieren wie gewohnt.

5. 5

   Klicken Sie auf „Abmelden“, wenn Sie fertig sind

   Vor allem an einem fremden Computer, z. B. beim Kunden. Der Zugang läuft ohnehin nach 8 Stunden oder beim Schließen des Tabs ab.

• Der Teammodus funktioniert nur auf Websites mit dem Kreskio-Widget und nur für Teammitglieder dieses Workspace.
• Der Zugang gilt nur für dieses eine Projekt und läuft nach 8 Stunden ab.
• Der Kunde sieht nur einen kleinen Link „Team-Anmeldung“; ohne Konto in Ihrem Team nützt er ihm nichts.

Chrome-Erweiterung

Mit der Erweiterung kann Ihr Team Fehler auf jeder beliebigen Website melden, auch auf Seiten ohne Kreskio-Code, z. B. auf der Live-Website des Kunden. Kunden brauchen sie nicht: Sie melden über den Button auf der Website. Das Paket zum Herunterladen finden Sie in der Anleitung im Abschnitt „Chrome-Erweiterung“.

Die Erweiterung ist im Chrome Web Store erhältlich. Sie funktioniert in Google Chrome und in Microsoft Edge, das sie aus demselben Store installiert. Für Firefox und Safari gibt es sie noch nicht: Dort melden Sie Fehler über den Kreskio-Button auf der Website.

1. 1

   Öffnen Sie Kreskio im Chrome Web Store

   Klicken Sie oben auf „Zu Chrome hinzufügen“ oder öffnen Sie https://chromewebstore.google.com/detail/kreskio-%E2%80%93-zg%C5%82aszanie-b%C5%82%C4%99d/oheolljbnkokeakobfehiahdigdmedpm.

2. 2

   Fügen Sie die Erweiterung hinzu

   Klicken Sie auf der Store-Seite auf „Zu Chrome hinzufügen“ und dann auf „Erweiterung hinzufügen“.

3. 3

   Heften Sie das Symbol an die Symbolleiste an

   Klicken Sie neben der Adressleiste auf das Puzzle-Symbol und dann auf die Pinnadel neben Kreskio. So haben Sie das Symbol immer griffbereit.

4. 4

   Verbinden Sie Ihr Konto

   Klicken Sie auf das Kreskio-Symbol und dann auf „Konto verbinden“. Es öffnet sich ein Kreskio-Tab, in dem Sie die Verbindung bestätigen. Fertig.

In Microsoft Edge sind die Schritte gleich, mit zwei Unterschieden:

• Hinzufügen: Klicken Sie oben auf der Store-Seite auf „Erweiterungen aus anderen Stores zulassen“ und bestätigen Sie. Klicken Sie dann auf „Abrufen“ und „Erweiterung hinzufügen“.
• Symbol anheften: Klicken Sie neben der Adressleiste auf das Puzzle-Symbol und dann auf das Augensymbol neben Kreskio („In Symbolleiste anzeigen“). So haben Sie das Symbol immer griffbereit.

Ist der Store gesperrt, z. B. durch die Richtlinien eines Firmenrechners, können Sie die Erweiterung auch aus einem ZIP-Paket installieren – die Schritte finden Sie in der App unter „Chrome-Erweiterung“.

• Screenshot des sichtbaren Bereichs der Seite mit einem Klick, Passwörter und Kartendaten werden maskiert.
• Das Projekt wird automatisch anhand der Domain der Website gewählt.
• „Auf Element zeigen“ heftet die Meldung an einen bestimmten Button, ein Bild oder einen Absatz.
• „Pins auf dieser Seite anzeigen“ zeichnet nummerierte Markierungen an Elementen mit offenen Meldungen. Ein Klick auf eine Markierung zeigt Titel, Status und einen Link zur Meldung. Meldungen, deren Element nicht mehr auf der Seite ist, landen in der Liste „Getrennt“.
• „Tab aufnehmen“ nimmt den aktuellen Tab samt Ton der Seite und Ihrer Stimme auf (bis zu 5 Minuten), ohne Fenster zur Bildschirmauswahl. Beim ersten Mal fragt die Erweiterung einmalig nach Zugriff auf das Mikrofon.
• Ab Version 0.4.2 dieselben Werkzeuge wie im Widget: Rahmen (Standard), nummerierte Kreise mit Beschreibung zu jedem, Pfeile, Textmarker, Text, Unkenntlichmachen, Auswahl von Farbe und Linienstärke sowie das Entfernen von Markierungen.
• Ab Version 0.4.3 der Button „Seite durchgehen“ im Fenster der Erweiterung: Sie klicken nacheinander auf Elemente der Seite, notieren zu jedem eine Anmerkung und senden alle auf einmal. Jede Anmerkung landet als eigene Meldung mit Screenshot des Tabs, einem Rahmen um das Element und einem Pin. Funktioniert auf jeder Website, auch ohne Widget.
• Unten im Fenster der Erweiterung steht ihre Version. Gibt es in Kreskio eine neuere, weist das Fenster darauf hin und führt zum Download.

Plan, Zahlungen und Limits

Ein neuer Workspace startet mit einer Testphase im Plan Agentur, es funktioniert also alles. Danach bestellen Sie einen Plan im Bereich „Abrechnung“ und bezahlen per Überweisung; die Rechnung kommt per E-Mail. Nach Ende des bezahlten Zeitraums sehen Sie Ihre Meldungen weiterhin, aber Widget und Erweiterung nehmen keine neuen an.

• Aktuelle Preise und Limits beider Pläne finden Sie im Bereich „Abrechnung“ und auf der Startseite.
• Den Plan wechseln Sie, indem Sie unter „Abrechnung“ einen anderen bestellen. Nach der Zahlung wechselt der Workspace sofort auf den neuen Plan, und die verbleibenden Tage des bisherigen werden in Tage des neuen Plans mit demselben Wert umgerechnet (nach Monatspreisen). Beispiel: 30 Tage eines Plans für 59 zł entsprechen etwa 15 Tagen eines Plans für 119 zł.
• Auf einen kleineren Plan wechseln Sie, wenn der Workspace in dessen Limits passt. Haben Sie z. B. mehr Projekte oder Personen (einschließlich Einladungen), als Start erlaubt, zeigt „Abrechnung“, was Sie entfernen müssen, bevor Sie Start bestellen. Der Speicherplatz für Dateien zählt hier nicht.

• Jeder Plan hat Limits: Anzahl der Projekte, Personen im Team (einschließlich offener Einladungen), Websites pro Projekt sowie Speicherplatz für Screenshots und Aufnahmen. Die aktuelle Nutzung sehen Sie im Bereich „Abrechnung“.
• Adressen für lokale Tests (localhost, 127.0.0.1, *.test, *.local) zählen nicht als Websites, und example.com, www.example.com und *.example.com zählen als eine.
• Ist ein Limit erreicht, können Sie kein weiteres Projekt und keine weitere Person hinzufügen. Ist der Speicherplatz aufgebraucht, kommen Meldungen weiterhin an, nur ohne Screenshot und Aufnahme – die meldende Person sieht dazu einen Hinweis.
• Nichts, was bereits gespeichert ist, wird gelöscht. Sie brauchen höhere Limits? Schreiben Sie uns.

Kontosicherheit

• Name, E-Mail und Passwort ändern Sie im Benutzermenü (unten links) unter „Einstellungen“.
• Aktivieren Sie die Zwei-Faktor-Authentifizierung (2FA) im Bereich „Sicherheit“. Bewahren Sie die Wiederherstellungscodes an einem sicheren Ort auf.
• Sie können einen Passkey hinzufügen, um sich per Fingerabdruck, Gesichtserkennung oder Geräte-PIN anzumelden.
• Im Bereich „Darstellung“ wählen Sie ein helles, dunkles oder dem System entsprechendes Design.

Häufige Fragen

Ich sehe den Button „Fehler melden“ auf der Website nicht. Was tun?

Prüfen Sie, ob die Domain der Website in der Liste der erlaubten Domains des Projekts steht, ob das Widget in den Projekteinstellungen aktiviert ist und ob der Code auf dieser Unterseite eingefügt ist. Nutzt die Website einen Cache, leeren Sie ihn.

Warum kommt die E-Mail über eine neue Meldung verzögert an?

Kreskio wartet etwa 30 Minuten und fasst Meldungen aus einem Projekt in einer Nachricht zusammen, damit ein Kunde, der mehrere Anmerkungen nacheinander sendet, Sie nicht mit E-Mails überhäuft. In der App ist die Meldung sofort sichtbar: an der Glocke und im Bereich „Meldungen“.

Was unterscheidet eine Idee von einer Fehlermeldung?

Ein Fehler ist etwas, das nicht funktioniert – er landet auf dem Board und durchläuft die Status bis „Erledigt“, am Ende prüft der Kunde die Korrektur. Eine Idee ist ein Änderungsvorschlag – sie wartet im Bereich „Ideen“ auf Stimmen und Ihre Entscheidung und kommt erst nach einem Klick auf „In Aufgabe umwandeln“ auf das Board.

Sieht der Kunde die Fälligkeitsdaten?

Nein. Das Fälligkeitsdatum ist die interne Planung des Teams: Es erscheint weder im Kundenportal noch in E-Mails an den Kunden oder in Webhooks. Der Kunde sieht nur den Status und Antworten, die als für die meldende Person sichtbar markiert sind.

Muss der Kunde ein Konto erstellen?

Nein. Der Kunde meldet Fehler direkt auf der Website. Ein Konto brauchen nur die Personen, die Meldungen bearbeiten.

Verlangsamt das Widget die Website?

Nein. Das Skript ist nur wenige Kilobyte groß und lädt asynchron, nachdem der Inhalt der Seite geladen ist.

Ich habe keine Einladung erhalten. Was nun?

Prüfen Sie Ihren Spam-Ordner. Ein Administrator des Workspace kann die Einladung im Bereich „Team“ zurückziehen und erneut senden.

Wie verschiebe ich ein Projekt in einen anderen Workspace?

Das ist derzeit nicht möglich. Legen Sie im Ziel-Workspace ein neues Projekt an und tauschen Sie den Code auf der Website aus.