Ein Agent, der die Seite wirklich sieht.

Satzstrom verbindet Quellcode, Layoutdiagnosen und gerenderte Seiten über einen lokalen stdio-Server. Der Agent arbeitet weiter in deinen Projektdateien; MCP liefert ausschließlich die Sicht auf das Ergebnis.

Prompt für Codex oder Claude Code

Richte Satzstrom für dieses Projekt vollständig lokal ein.

1. Installiere die Satzstrom CLI mit `npm install -g satzstrom`.
2. Installiere den offiziellen Satzstrom Skill von `https://satzstrom.com/skills/satzstrom/SKILL.md` mit dem unterstützten Skill-Installationsablauf des aktuellen Agenten.
3. Registriere `satzstrom mcp` als lokalen stdio-MCP-Server für dieses Projekt.
4. Erzeuge oder öffne ein Satzstrom-Projekt und prüfe es mit `inspect_document`.
5. Rendere die erste Seite mit `render_page` und kontrolliere sie visuell.

Arbeite nur in den normalen Projektdateien. Fordere keinen privaten Renderer-Code an. Wenn ein Schritt fehlschlägt, stoppe und nenne den fehlgeschlagenen Schritt sowie eine konkrete Recovery-Aktion.

Vom Quellcode zur visuellen Kontrolle.

Ein Agent kann ein Dokument komponieren, die Paginierung inspizieren, problematische Seiten direkt als Bild lesen und die betroffenen Komponenten anschließend gezielt überarbeiten.

Verstehen
Der offizielle Skill erklärt Dokumentmodell, Arbeitsweise und die Grenzen der öffentlichen Schnittstelle.
Messen
inspect_document liefert maschinenlesbare Seitenzustände statt Schätzungen aus dem JSX.
Sehen
render_page gibt genau die Seite zurück, die Preview und finaler Renderer verwenden.
Iterieren
Der Agent verändert die normalen React-, CSS- und Datendateien und prüft danach erneut.

Dunkelblaue Titelseite eines Board Reports — Enterprise Board Pack

Drei Ansichten auf dasselbe Dokument.

Der MCP-Server ist bewusst klein. Er verändert keine Dateien und ersetzt weder CLI noch Editor — er macht den gesetzten Zustand für Werkzeuge sichtbar.

inspect_document(): Setzt das Standarddokument und liefert Seitenzahl, Formate, Layout-Passes, Revision und Diagnosen.
render_page({ page: 3 }): Liefert eine gesetzte Seite direkt als image/png, ohne eine temporäre Datei in das Projekt zu schreiben.
render_page({ page: 3, debug: true }): Rendert dieselbe Revision mit Satzspiegeln, Fragmenten, Keep-Grenzen und Überläufen.

Langlebig, lokal, isoliert.

Der Prozess hält teure Browser- und Layoutarbeit bereit, bleibt aber an Dokumentrevisionen und lokale Roots gebunden.

Eine Revision: Inspect, normale Seiten und die Debug-Ansicht arbeiten auf demselben gesetzten Dokumentstand.
Automatische Invalidierung: Änderungen an Quellen, CSS, Daten und lokalen Assets setzen nur die betroffene Session neu.
Schnelle Seitenwechsel: Chromium und gesetzte Dokumente bleiben zwischen Aufrufen bereit; scale ändert nur die PNG-Dichte.
Begrenzter Zustand: Ungenutzte Sessions enden nach fünf Minuten, maximal vier Dokument-Sessions bleiben offen.

Ohne Agent bleibt alles vollständig nutzbar.

MCP ist eine zusätzliche Sicht, keine Voraussetzung. Jeder Schritt hat ein direktes CLI-Gegenstück.

inspect_document: satzstrom inspect --json
render_page: satzstrom page 3 --out page-3.png
Debug-Ansicht: satzstrom page 3 --debug