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.
Technisch gesehen nutzen beide Systeme dasselbe Onepage-KI-Gehirn und beherrschen die Erstellung von kompletten Seiten ebenso wie von einzelnen Abschnitten.
Der Unterschied zur internen KI: Mit MCP schonst du dein Onepage-Guthaben, da alle Text-Tokens direkt über dein eigenes, externes KI-Abonnement (z. B. bei Claude oder Cursor) laufen. Deine Onepage AI-Credits bleiben dadurch komplett unangetastet.
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 Opus 4.8. 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:
💡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. 🙂