staging.studio.devKommentarmodus
01
Kunde klickt
Kommentar an ein Element pinnen. Probier es aus.
Website-Feedback, dasdein Agent umsetzt.
Für Freelancer und Studios, die Kunden-Websites mit KI-Coding-Agenten bauen.
Tarife ab 9,99 € im Monat. Kunden immer kostenlos. Datenschutz
So wird aus einem Kundenkommentar ein Fix.
#04 Menü schließen0%
- Selektor
- Viewport
- Browser
- Build
02
Margin hält fest
Selektor, Screenshot, Gerät.
margin · MCP
Jeder MCP-ClientMCP
4 lesende Tools · 2 weitere mit Schreibrecht
03
Agent liest
Jeder MCP-Client, dieselben Tools.
src/components/site-nav.tsx+6 −2
<button aria-label="Close menu" onClick={() => setOpen(true)} onClick={() => setOpen(false)}>
Claude Code replied on #04
Schließen-Button repariert. Bei 390 px in Safari geprüft.
Moved to In review
04
Agent behebt
Er ändert den Code und antwortet im Thread.
To do2
In progress1
In review1
#03/preiseDie Preistabelle straffenClaude Code
Claude CodeResolved1
Aktivität
- Claude Code hat #03 nach In review verschoben
- LLena hat #02 gelöst
05
Du gibst frei
Karte verschieben. Der Kommentar schließt.
Alles Kundenfeedback an einem Ort.
Kommentare
Beispiel-Feedback auf einer Demo-Website.
- Offenes Feedback
- 5
- Neu diese Woche
- 6
- Diese Woche gelöst
- 1
- Zeit bis zur Lösung
- 4 Std.
Kommentar #05/projekte
Den Projektlink aktualisieren
Mara KleinKunde· vor 2 Min.Normal
Beschreibung
Das Vorzeigeprojekt sollte beim Klick auf die Karte zur eigenen Fallstudie führen.
a.project-card1280 × 720Safari 19 · macOS
Unterhaltung
Tobiasvor 1 Min.Guter Fund, ich setze ihn auf /projekte/aurora.
Ein roter Pfeil ist kein Fix.
Per E-MailScreenshot angehängt
Welches Element„Der Button oben“
Welche SeiteEin zugeschnittener Screenshot, keine URL
Welches Gerät„Auf meinem Handy“
Wie es aussiehtEin roter Pfeil auf unscharfem Ausschnitt
Ob es behoben ist„Hast du meine Mail gesehen?“
In MarginEin Kommentar
Welches Elementa.cta-primary, plus 4 Ersatz-Selektoren
Welche Seite/preise auf Staging, Build 9f3c2e1
Welches GerätSafari 26, iOS, 390 × 844 @3x
Wie es aussiehtBei 390 px gerendert, Element umrandet
Ob es behoben istAntwort des Agenten im Thread, In review
Zieh den Regler oder fokussiere ihn und nutze die Pfeiltasten
Ein Script-Tag für dich, ein Link für deinen Kunden.
- layout.html
<script src="https://app.margin-comments.com/widget.js" data-project="YOUR_PROJECT_ID" data-environment="staging" defer></script>01Script-Tag einfügen
Ins Layout setzen.
Gäste · Studio Nord
LLenaLetzter Besuch vor 2 Std.Aktiv?margin=1#margin_invite=…
Link 90 Tage gültig
02Link schicken
Kein Konto, kein Passwort.
$ claude mcp add --transport http margin …
03Agenten verbinden
Margin als MCP-Server hinzufügen.
Wähle deinen Agenten
Claude in zwei Klicks verbinden.
Kein Token, keine Konfigurationsdatei. Füge Margin zu Claude hinzu, gib es einmal frei, und Claude liest das Feedback deiner Kunden.
- Margin hinzufügenEin Connector, eine Adresse.
- Einmal freigebenWorkspace und Lesen oder Schreiben wählen.
- Claude fragenEs liest den Kommentar und antwortet.
ClaudeConnectors
Margin
Margin Comments
Kundenfeedback lesen, das an Website-Elementen hängt.
Probier es aus: Klick auf den hervorgehobenen Button.
Dein Team und deine Kunden, ein Workspace.
- Jede Änderung im VerlaufWer, was und wann.
- Eine Digest-MailNicht dreißig.
- Platz für AgenturenHunderte Projekte.
| Aktion | Owner | Admin | Member | Gast |
|---|---|---|---|---|
| Kommentieren und antworten | Owner darf: Kommentieren und antworten | Admin darf: Kommentieren und antworten | Member darf: Kommentieren und antworten | Gast darf: Kommentieren und antworten |
| Lösen und wieder öffnen | Owner darf: Lösen und wieder öffnen | Admin darf: Lösen und wieder öffnen | Member darf: Lösen und wieder öffnen | Nur eigene |
| Priorität und Tags setzen | Owner darf: Priorität und Tags setzen | Admin darf: Priorität und Tags setzen | Member darf: Priorität und Tags setzen | Gast darf nicht: Priorität und Tags setzen |
| Projekte und Kunden verwalten | Owner darf: Projekte und Kunden verwalten | Admin darf: Projekte und Kunden verwalten | Member darf nicht: Projekte und Kunden verwalten | Gast darf nicht: Projekte und Kunden verwalten |
| Team einladen | Owner darf: Team einladen | Admin darf: Team einladen | Member darf nicht: Team einladen | Gast darf nicht: Team einladen |
| Rollen ändern | Owner darf: Rollen ändern | Admin darf nicht: Rollen ändern | Member darf nicht: Rollen ändern | Gast darf nicht: Rollen ändern |
Agenten bekommen nur den Zugriff, den du gibst.
Standardmäßig nur lesend
Schreiben ist optional.
Ein Projekt pro Token
Kunden bleiben getrennt.
Feedback sind Daten
Nie Anweisungen.
Nichts zum Löschen
Kein Tool entfernt Feedback.
Tokens laufen ab
90 Tage, widerrufbar.
Workspaces bleiben getrennt
Bei jeder Anfrage geprüft.
9 MCP-Tools · 6 lesend · 3 schreibend · keines löscht
Lesen
- list_projects
- list_comments
- show_feedback
- get_comment
- get_screenshot
- get_asset
Schreiben
- add_reply
- update_comment
- resolve_comments
Ein Preis pro Team. Kunden zahlen nichts.
Claude, ChatGPT und deine Coding-Agenten sind in beiden Tarifen enthalten. Zahle monatlich, jährlich oder als Founder einmalig.
- Start
9,99 € pro Monat50 Projekte · Du und bis zu 2 weitere Mitgliederoder einmal 149 €, für die ersten 50 Teams - Agency
29 € pro MonatUnbegrenzt viele Projekte · Unbegrenzt viele Mitgliederoder einmal 349 €, für die ersten 50 Teams
Claude, ChatGPT und deine Coding-Agenten sind in beiden Tarifen enthalten. Kunden sind immer kostenlos.
Einmal zahlen.
Founder Lifetime für die ersten 50 Teams. Sind die Plätze weg, ist dieser Preis weg.
Preise zzgl. USt. Lifetime heißt: so lange wir Margin betreiben, mit den Grenzen des Tarifs. Keine Verlängerung.
Was jede Zahlweise über drei Jahre kostet
Start, über 3 Jahre
Günstiger als jährlich zahlen ab Monat 19.
- Monatlich360 €
- Jährlich288 €
- Founder Lifetime, einmal gezahlt149 €
Agency, über 3 Jahre
Günstiger als jährlich zahlen ab Monat 15.
- Monatlich1.044 €
- Jährlich864 €
- Founder Lifetime, einmal gezahlt349 €
Leg dein Konto an.
Gib deine E-Mail ein, hol dir einen Anmeldecode und leg deinen Workspace an. Danach wählst du einen Tarif.
Kein Newsletter. Kein Passwort. Datenschutz
Häufige Fragen zu Margin.
Ja, Margin ist in der offenen Beta. Gib deine E-Mail ein, hol dir einen Anmeldecode und leg deinen Workspace an. Danach wählst du unter Tarif Start oder Agency und kannst deine erste Website anlegen.
Margin kostet im Tarif Start 9,99 € im Monat (50 Projekte, du und bis zu 2 weitere Mitglieder), Agency 29 € (unbegrenzt viele Projekte und Mitglieder, Fair Use), jeweils zzgl. USt. Beide Tarife enthalten unbegrenzt viele Kunden und die MCP-Verbindung für Claude, ChatGPT und deine Coding-Agenten. Einen kostenlosen Tarif gibt es nicht.
Ohne Tarif ist der Workspace in Margin eingefroren. Kommentare, Screenshots und Einstellungen bleiben unverändert gespeichert. Das Widget nimmt keine Kommentare an, und du siehst nur die Seite zum Planwählen und den Datenexport. Sobald du Start oder Agency buchst, ist alles sofort wieder offen. Ein eingefrorener Workspace wird mindestens 12 Monate aufbewahrt.
Nein, für Margin brauchen deine Kunden kein Konto. Jeder Kunde bekommt einen persönlichen Einladungslink für ein Projekt. Er kommentiert und antwortet auf jeder Seite und löst seine eigenen Kommentare. Widerrufst du den Link, endet der Zugang sofort.
Margin speichert seine Daten bei Cloudflare. Kommentare, Antworten, Konten und Kundenlinks liegen in einer D1-Datenbank, Screenshots und vorgeschlagene Bilder in einem privaten R2-Bucket, beides in der EU-Jurisdiktion von Cloudflare. Die App selbst läuft im Netz von Cloudflare. Screenshots gelöster Kommentare werden nach 30 Tagen gelöscht. Kommentare und Threads bleiben.