Möchtest du Onepage noch schneller bedienen oder nutzt du ohnehin schon KI-Assistenten in deinem Arbeitsalltag? Mit dem Model Context Protocol (MCP) schlägst du eine direkte Brücke zwischen Onepage und deinen externen KI-Tools.
In diesem Guide zeigen wir dir, wie MCP funktioniert, welche Möglichkeiten es dir bietet und wie du deine Lieblings-Tools verbindest.
1. Was ist MCP und welche Vorteile bringt es dir?
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.
Spare Onepage AI-Credits: Da die KI-Berechnungen über dein eigenes Abonnement des jeweiligen Tools (z. B. Claude Pro) laufen, bleiben deine Onepage AI-Credits komplett unangetastet.
Steuerung per Alltagssprache: Erstelle neue Unterseiten, passe Layouts an, ändere Farben oder lade Medien hoch, einfach per Chat-Befehl.
Maximale Flexibilität: Arbeite in genau der Umgebung, die du in deinem Arbeitsalltag am liebsten nutzt.
2. Praxisbeispiel: So sieht die Arbeit mit MCP aus
Damit du dir vorstellen kannst, wie einfach die Steuerung funktioniert, hier ein typisches Beispiel aus der Praxis mit Claude:
Dein Prompt in Claude:
„Erstelle mir eine moderne Hero-Sektion mit leuchtendem Neon-Lila als Hintergrund, einem gläsernen Card-Overlay (Glassmorphism), einem dynamischen Call-to-Action-Button und schwebenden Floating-Animationen für das Produktbild.“
Das Ergebnis:
Claude verarbeitet deine Vorgaben, erstellt das vollständige Styling samt Farbwerten sowie Effekten und übergibt die fertige Sektion über MCP direkt in dein Onepage-Projekt.
Prompt in Claude:
Du lädst deine Onepage-Seite kurz neu, und deine stylische, animierte Hero-Sektion steht direkt live!
Ergebnis:
Sollte dir ein Detail noch nicht 100% gefallen, schreibst du einfach kurz zurück:
"Mache den Button beim Drüberfahren neongelb"
und die KI passt es sofort an.
Prompt in Claude:
Ergebnis:
3. Was kannst du mit MCP alles umsetzen?
Seiten- & Sektionsverwaltung: Seiten erstellen, verändern, veröffentlichen, offline nehmen oder individuelle Vibe-Sections bauen.
Design & Branding: Farben, Schriftarten und globale Layouts per Prompt anpassen.
Shopify-Integration: Produkte direkt aus deinem Shopify-Store auslesen und in Onepage-Bereiche einbinden.
Erweiterte KI-Medien & Visuals: KI-Bilder und Videos über Higgsfield AI generieren und direkt über Claude in Onepage einfügen.
Workflows & Automatisierung: Erstelle und aktualisiere Seiten automatisch über No-Code-Plattformen wie n8n.
4. Schritt-für-Schritt: Dein Tool mit Onepage verbinden
Die Einrichtung dauert nur wenige Minuten. Wähle einfach die passende Anleitung für dein bevorzugtes Setup aus:
Claude mit Onepage-MCP verbinden: Der beliebteste Weg für alltägliche Prompts in Claude Desktop.
Cursor mit Onepage-MCP verbinden: Perfekt für Entwickler und Power-User.
Codex mit Onepage-MCP verbinden: Binde Onepage direkt in deine Codex-Workflows ein.
Slack, Claude & Onepage-MCP verbinden: Steuere deine Webseiten-Erstellung direkt aus deinen Slack-Kanälen heraus.
Shopify in Onepage über MCP integrieren: Verbinde deinen E-Commerce-Shop für nahtlose Produkt-Sektionen.
Higgsfield AI über Claude nutzen: Generiere KI-Medien und füge sie direkt ein.
Onepage-Seiten mit n8n erstellen: Automatisiere die Erstellung ganzer Webseiten über individuelle Workflows.
Eine Übersicht aller Detail-Guides findest du in unserer MCP Knowledge Base Collection.
Fazit & Nächste Schritte
Das Model Context Protocol öffnet dir die Tür zu völlig neuen, automatisierten Workflows. Egal ob du nur mal eben per Chat eine Sektion umgestalten oder komplexe Abläufe über externe KI-Tools steuern willst, MCP gibt dir die Freiheit dazu.
Nachdem deine Seite steht und deine Workflows bereit sind, kümmern wir uns im nächsten Schritt um die rechtlichen Grundlagen und die Auffindbarkeit bei Google.
💡 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. 🙂