Wir freuen uns, dir das Model Context Protocol (MCP) vorzustellen.
MCP ist eine leistungsstarke Verbindung zwischen Onepage und den KI-Assistenten, die du bereits täglich außerhalb unserer Plattform nutzt. Anstatt ausschließlich im integrierten Editor zu arbeiten, kannst du nun deinen eigenen externen KI-Assistenten verwenden, um Onepage zu steuern, Seiten zu erstellen und Inhalte für dich zu verwalten.
Der Unterschied zur internen KI: Unter der Haube nutzen beide Systeme dasselbe Onepage-KI-Gehirn, aber MCP bietet dir aktuell zwei entscheidende Vorteile:
Seitenweises Denken: Während sich die interne KI meist Bereich für Bereich (section by section) vorarbeitet, kann MCP eine komplette Seite in einer einzigen Anfrage erfassen, aufbauen oder korrigieren.
Schone dein Onepage-Guthaben: Die Text-Tokens werden direkt über dein eigenes, externes KI-Abonnement (z. B. bei Claude oder Cursor) abgerechnet. Deine Onepage AI-Credits bleiben somit komplett unangetastet!
📌 Hinweis: Für die Nutzung der MCP-Funktion ist eine aktive Onepage AI-Mitgliedschaft im Hintergrund erforderlich.
Schritt-für-Schritt-Anleitungen zur Einrichtung
Je nachdem, welchen KI-Assistenten du am liebsten nutzt, findest du hier die genaue Anleitung, wie du die Verbindung zu Onepage herstellst:
Claude mit Onepage-MCP verbinden: Nutzt du Claude? Erfahre hier, wie es funktioniert: Claude mit Onepage-MCP verbinden.
Cursor mit Onepage-MCP verbinden: Wenn du Cursor nutzt, folge dieser Anleitung: Cursor mit Onepage-MCP verbinden.
Codex mit Onepage-MCP verbinden: Du möchtest Codex nutzen? Hier zeigen wir dir die Einrichtung: Codex mit Onepage-MCP verbinden.
Was ist MCP eigentlich genau?
Das Model Context Protocol (MCP) ist wie ein „USB-C-Anschluss für KI“. Früher musste jeder Softwarehersteller eine eigene, komplizierte API-Anbindung für jede einzelne KI schreiben. MCP standardisiert das. Es teilt sich auf in:
MCP-Client: Das KI-Programm, das du nutzt (z. B. Claude Desktop, Cursor, Codex).
MCP-Server: Die Brücke zu deiner Software (hier: Der Onepage MCP-Server, der die Befehle der KI versteht und in Website-Code übersetzt).
Die drei Säulen von MCP
Ein MCP-Server kann einer KI drei Dinge zur Verfügung stellen.
Prompts (Vorlagen): Vorgefertigte Promp-Bausteine, die der User nutzen kann.
Resources (Kontext): Daten, die die KI lesen kann (z. B. die Struktur deiner bestehenden Onepage-Seite).
Tools (Aktionen): Funktionen, die die KI ausführen darf (z. B. „Erstelle eine neue Sektion“, „Ändere die Schriftfarbe“).
Was ist via MCP möglich?
Dein externer KI-Assistent kann über MCP folgende Aktionen ausführen:
Seiten: Erstellen, veröffentlichen, offline nehmen und archivieren
Vibe Sections: Individuelle Komponenten vollständig erstellen und bearbeiten
Struktur: Bereiche umbenennen, verschieben und neu anordnen
Websites: Neue Websites erstellen, Branding verwalten (Farben & Schriftarten) und Medien hochladen
Wichtige Regeln & Best Practices
Die Qualität des Modells ist entscheidend:
MCP hängt stark vom verwendeten KI-Modell ab. Für die besten Ergebnisse empfehlen wir Premium-Modelle wie Claude 3.5 Sonnet. Von kleineren Modellen wie Haiku oder GPT Flash solltest du keine perfekten Ergebnisse erwarten.
Gib immer klaren Kontext:
Teile der KI immer genau mit, an welcher Seite oder welchem Bereich gearbeitet werden soll (z. B. „Füge meiner Startseite einen Kontaktbereich hinzu“).
Seite neu laden, um Änderungen zu sehen:
Die Live-Ansicht befindet sich noch in Entwicklung. Wenn du den Onepage-Editor geöffnet hast, während die KI arbeitet, lade die Seite neu, um die Änderungen zu sehen.
Vorsicht bei großen Änderungen:
Eine erweiterte Versionshistorie ist bereits in Planung. Bis dahin empfehlen wir, bei bestehenden Live-Projekten vorsichtig mit großen oder ungenauen Prompts zu sein, da Inhalte überschrieben werden könnten.
Was passiert, wenn etwas nicht perfekt aussieht?
Wenn ein Layout oder Text beim ersten Versuch nicht genau so aussieht, wie du es dir vorstellst, keine Sorge! Das ist bei der Arbeit mit KI völlig normal. Du musst das nicht manuell korrigieren, sondern kannst deinem KI-Assistenten einfach sagen, was er ändern soll.
Beispiel: Wenn sich eine Überschrift auf deiner neuen Seite überschneidet, kannst du in dein KI-Tool folgenden Folge-Prompt eingeben:
„Bitte korrigiere den Text 'Menschen hinter Nova Living'. Das Wort 'Living' überschneidet sich mit dem Text darüber.“
Beispiel Claudes Antwort: „Ich sehe das Problem: Die Überschrift bricht in zwei Zeilen um und überschneidet sich. Ich habe die Schriftgröße und den Zeilenabstand angepasst, sodass sie perfekt in eine Zeile passt, und eine Regel hinzugefügt, damit es auch auf Mobilbildschirmen super aussieht. Die Korrektur ist live!“
Hinweis: Denke daran, deinen Onepage-Editor-Tab neu zu laden, um die Updates der KI live auf deiner Seite zu sehen!
Ergebnis:
So erhältst du Zugang zur Beta
MCP ist aktuell nur für Nutzer unserer Beta-Gruppe mit einer aktiven Onepage AI-Mitgliedschaft verfügbar. Alles, was über MCP erstellt wird, erscheint automatisch in deinem Beta-Bereich: https://beta.onepage.io/
Du möchtest einen Kollegen oder Kunden zur Beta einladen? Dann kontaktiere einfach unser Support-Team, um einen Einladungslink zu erhalten.
💡Du hast Feedback zu diesem Hilfe-Artikel? Teile es gerne mit uns über den Live-Chat oder an support@onepage.io, damit wir ihn auf dem neuesten Stand halten können. 🙂