Agent Composer Playground
Agent Composer live in einer temporären WordPress-Sandbox ausprobieren.
Wählen Sie ein Canvas-Preset, verbinden Sie ChatGPT, Codex oder einen kompatiblen MCP-Agenten und fordern Sie einen preset-spezifischen Gutenberg-Entwurf an. Prüfen Sie anschließend Site Contract, aktives Configuration Set, Blueprint, Validierung und Preview, die das Ergebnis geprägt haben.
Was der Playground zeigt
Ein gesteuerter WordPress-Entwurf in einer echten Browser-Sandbox
Ideal, um zu bewerten, wie Agent Composer einen Site Contract entdeckt, einem Blueprint folgt, native Gutenberg-Inhalte erstellt, das Ergebnis validiert und eine Preview zurückgibt, bevor Sie den Workflow mit Ihrer eigenen Website verbinden.
Kein Production-Host
Der Playground ist eine temporäre Demonstrationsumgebung und kein gehosteter Production-WordPress-Service. Die Session ist kurzlebig und dient dazu, die gesteuerte Draft-Grenze sichtbar zu machen.
Agent Canvas im Kontext erkunden
Vier funktionierende Presets mit jeweils eigenem Drafting-Kontext
Jedes Preset ist eine vollständige, navigierbare WordPress-Mini-Site. Erkunden Sie zuerst das Canvas-Designsystem und sehen Sie dann, wie das eigene Content-Modell und die Composer-Regeln den vom Agenten erstellten Entwurf prägen.
01
SaaS Launch
Die umfassendste Canvas-Demonstration im Playground, mit verfügbaren Komponenten für Produkt-, Onboarding-, Account- und Kontakt-Erlebnisse.
02
Knowledge Hub
Eine Dokumentations- und Lernumgebung zum Testen strukturierter Wissensseiten und des preset-spezifischen Content Types.
03
Service Studio
Eine Professional-Services-Umgebung mit fokussierten Canvas-Patterns für Angebote, Proof und kundenorientierte Inhalte.
04
Editorial Journal
Eine redaktionelle Umgebung zum Testen langlebiger Artikel, Themen und wiederholbarer Veröffentlichungsstrukturen.
Workflow ausprobieren
Von der Preset-Auswahl zum validierten Entwurf
1. Preset wählen
Öffnen Sie die funktionierende Canvas-Site, die Sie erkunden möchten. Der Browser erstellt für dieses Preset eine frische, temporäre WordPress-Session.
2. Agenten verbinden
Verbinden Sie im Tab Connect agent des Playgrounds ChatGPT, Codex oder einen anderen kompatiblen MCP-Client mit der aktiven Session.
3. Einen Entwurf anfordern
Bitten Sie den Agenten, die Umgebung zu prüfen und über den verfügbaren Blueprint eine Seite oder einen preset-spezifischen Content-Entwurf zu erstellen.
4. Nachweise prüfen
Prüfen Sie Gutenberg-Entwurf, Validierungsergebnis, Site Contract, aktives Configuration Set, verfügbare Canvas-Patterns und Session-Audit.
Warum der Relay existiert
Der Playground stellt den Workflow bereit, nicht eine öffentliche WordPress-Website.
WordPress läuft nur im Browser-Tab des Besuchers. Es gibt keinen öffentlichen WordPress-Server-Endpunkt, den ChatGPT oder Codex direkt ansprechen kann. Deshalb verwendet die aktive Session einen kurzlebigen MCP-Relay.
ChatGPT / Codex / kompatibler MCP-Client
↓ MCP
kurzlebiger MCP-Relay
↓ Session-Verbindung
aktiver Browser-Tab
↓ lokale Anfrage
WordPress Playground + Agent Composer + Agent Canvas
Configuration Set → Site Contract → Blueprint → Canvas-Patterns → Gutenberg-Entwurf → Validierung
Der Relay transportiert allowlistete Tool-Aufrufe zur aktiven Browser-Session und gibt Ergebnisse zurück; er macht die temporäre WordPress-Site nicht öffentlich. Agent Composer verantwortet Config Set, Site Contract, Blueprints, Draft-Grenze und Validierung. Agent Canvas liefert native Templates, Patterns, Komponenten, Tokens und responsive Darstellung des gewählten Presets.
Unter der Haube
Eine Live-Demonstration von Composer und Canvas in einer temporären Session
Wie kann WordPress ohne Hosting laufen?
WordPress Playground führt WordPress und PHP in einer WebAssembly-basierten Browser-Sandbox mit browserinternem Dateisystem und Datenbank aus. Die Session ist temporär und startet aus einem bekannten Preset; WordPress-Installation, Hosting-Konto oder lokale Umgebung sind nicht erforderlich.
Warum wird ein MCP-Relay benötigt?
Die temporäre WordPress-Instanz existiert im Browser und wird nicht als öffentlicher WordPress-Server bereitgestellt. Der Browser öffnet eine Session-Verbindung zu einem kurzlebigen Relay, der nur erlaubte MCP-Tool-Anfragen an Composer transportiert und Ergebnisse an den Agenten zurückgibt.
Was demonstriert der Playground tatsächlich?
Preset-spezifisches, gesteuertes Drafting. Das aktive Configuration Set gruppiert Site Contract und Blueprints des Presets. Composer stellt nur freigegebene WordPress-Fähigkeiten bereit und validiert das Ergebnis; Canvas liefert Patterns, Komponenten, Templates und visuelle Regeln des Gutenberg-Entwurfs.
Wie unterscheidet sich der kommende Agent Starter?
Der Playground ist temporär und demonstriert den Workflow. Agent Starter soll eine dauerhafte Projektgrundlage aus diesen Preset-Ideen oder einer abgebildeten bestehenden WordPress-Site schaffen, bevor Composer das gesteuerte Drafting übernimmt.
Einen gesteuerten Entwurf ausprobieren
Wählen Sie ein Preset und sehen Sie, was Composer durchsetzt.
Starten Sie eine temporäre WordPress-Session, verbinden Sie Ihren kompatiblen Agenten, fordern Sie einen preset-spezifischen Entwurf an und prüfen Sie Canvas-Komponenten, Contract, Blueprint, Validierung und Preview hinter dem Ergebnis. Agent Starter ist für dauerhafte Projektgrundlagen angekündigt.