BCMS Headless CMS für Openclaw

Eine leistungsstarke Skill, die es AI coding agents ermöglicht, Inhalte zu modellieren, Framework-Frontend-Code zu integrieren und Headless CMS-Vorgänge mithilfe des BCMS SDK und des Model Context Protocol (MCP) durchzuführen.

bcms
v1.3.2
Jun 9, 2026
0
534
0

Installieren & Herunterladen

1. ClawHub CLI

Der schnellste Weg, einen Skill direkt aus der Registry zu installieren.

npx clawhub@latest install bcms

2. Manuelle Installation

Kopiere den Skill-Ordner an einen dieser Orte

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priorität: Workspace > Lokal > Integriert (Bundled)

3. Prompt-Installation

Kopiere diesen Prompt in OpenClaw, um ihn automatisch zu installieren.

Hilf mir, bcms über Clawhub zu installieren. Falls Clawhub nicht installiert ist, installiere es bitte zuerst (npm i -g clawhub).

Lieber herunterladen?

Hole dir die rohen Skill-Dateien in einem ZIP-Archiv.

Was ist BCMS Headless CMS?

Die BCMS Headless CMS Skill ermöglicht es AI coding agents, moderne Webanwendungen zu erstellen und nahtlose Inhaltsoperationen durchzuführen. Durch das Überbrücken der Lücke zwischen Entwicklern, AI assistants und Inhaltsverwaltung ermöglicht diese Integration agents, mit BCMS unter Verwendung des TypeScript SDK @thebcms/client oder dem dedizierten Model Context Protocol (MCP) server zu interagieren. Dieses Setup erleichtert die effiziente Schemaerstellung, Inhaltsaktualisierungen und Medienverarbeitung direkt in KI-unterstützten IDE-Umgebungen wie Cursor und Claude Code, was sie zu einer erstklassigen Wahl unter den Openclaw Skills macht.

Mit dieser Skill können agents Vorlagen (Templates), Einträge (Entries), Gruppen (Groups), widgets und Medienbibliotheken programmgesteuert verwalten. Sie stellt die strikte Einhaltung von Sicherheits-Best-Practices sicher, wie z. B. die Isolierung von dreiteiligen API keys (keyId.secret.instanceId) und die Durchsetzung von Berechtigungen mit den geringsten Rechten, während die Rendering-Optimierung über offizielle Frontend-Komponenten wie BCMSContentManager und BCMSImage erfolgt.

BCMS Headless CMS Anwendungsfälle

  • Beschleunigung der Initialisierung von Frontend-Web-Entwicklungsprojekten durch die Generierung von Framework-Startern (Next.js, Nuxt, Astro, Svelte, Vite), die mit Headless CMS-Integrationen vorkonfiguriert sind.
  • Rationalisierung von Inhaltsoperationen direkt aus KI-gesteuerten Codierungsumgebungen unter Verwendung des BCMS MCP server für CRUD-Workflows bei Einträgen, Vorlagen und Gruppen.
  • Automatisierung von Medien-Asset-Optimierung und Upload-Pipelines mithilfe von API keys mit eingeschränktem Geltungsbereich durch die Hilfe von Openclaw Skills.
  • Sicherer Entwurf und Weiterentwicklung komplexer Inhaltsschemas (Vorlagen, verschachtelte Gruppen und wiederverwendbare Rich-Text-widgets), ohne Produktionsumgebungen zu gefährden.
  • Absicherung von serverless Functions und Webhooks mit Signaturvalidierung und kryptografischen Zeitstempelprüfungen.

So funktioniert BCMS Headless CMS

  1. Initialisierung: Der AI agent liest die lokalisierten Umgebungsvariablen, um das @thebcms/client unter Verwendung eines sicheren, dreiteiligen API keys (keyId.secret.instanceId) oder öffentlich sicheren Schlüsselkonfigurationen zu initialisieren.
  2. Schemamodellierung: Der agent definiert Vorlagen (z. B. Blogs, Seiten) und erstellt wiederverwendbare Strukturen unter Verwendung von Gruppen (verschachtelte Metadaten) und widgets (eingebettete Rich-Text-Elemente).
  3. Inhaltsoperationen (MCP): Wenn MCP tools konfiguriert sind, baut der agent eine Streamable HTTP-Verbindung zum BCMS server auf, um Einträge und Medien abzurufen, zu erstellen, zu aktualisieren oder zu löschen.
  4. Frontend-Integration: Der agent generiert oder modifiziert Frontend-Komponenten unter Verwendung offizieller Rendering-Bibliotheken (wie BCMSContentManager oder BCMSImage), um lokalisierte Rich-Text-Inhalte und Assets zu verarbeiten.
  5. Bereitstellung & Automatisierung: Webhooks und serverless Functions sind so konfiguriert, dass sie automatisch Rebuilds auslösen oder Inhalte über externe Plattformen hinweg synchronisieren. Dies standardisiert Inhaltsbereitstellungs-Workflows über alle Openclaw Skills hinweg.

BCMS Headless CMS Einrichtung

Um mit dieser Skill zu beginnen, installieren Sie das offizielle BCMS client SDK in Ihrem Framework-Projekt:

npm install @thebcms/client

Konfigurieren Sie Ihre Umgebungsvariablen in einer .env- oder .env.local-Datei. Stellen Sie sicher, dass Sie secrets niemals hartkodieren:

# Privater Verwaltungsschlüssel (für Server-/Build-Prozesse)
BCMS_API_KEY='keyId.secret.instanceId'

# Öffentlicher/Browser-sicherer Schlüssel (z. B. für Next.js)
NEXT_PUBLIC_BCMS_API_KEY='publicKeyId.publicSecret.instanceId'

Für die MCP-Integration in AI assistants (wie Cursor oder Claude Code) fügen Sie die folgende MCP-Verbindungskonfigurationszeichenfolge unter Verwendung Ihres dedizierten API keys hinzu:

https://app.thebcms.com/api/v3/mcp?mcpKey=<keyId.secret.instanceId>

Führen Sie die lokalen TypeScript-Skripte für die Client-Initialisierung oder den Funktionsaufruf aus, um die Konnektivität zu überprüfen:

npx tsx ai/scripts/init-client.ts

BCMS Headless CMS Datenschema & Taxonomie

Diese Skill organisiert ihre Inhaltsmetadaten und Konfigurationen mithilfe eines hochstrukturierten Schemas. Nachfolgend finden Sie die Haupttaxonomie der BCMS-Komponenten und generierten Dateien:

Komponente Beschreibung Lokale Daten / Generierte Ausgabe
Templates Inhaltsmodelle, die strukturierte Felder definieren (z. B. blog, page, author). Verwaltet über Dashboard oder MCP; lokal synchronisiert via CLI.
Entries Spezifische Instanzen von Vorlagen, die lokalisierte meta- und content-Felder enthalten. Dynamisch gelöst beim Build/zur Laufzeit.
Groups Wiederverwendbare, verschachtelte Strukturen, die innerhalb von Vorlagen oder widgets verwendet werden. Gespeichert als benutzerdefinierte Eigenschaftsfelder.
Widgets Rich-Text-Blöcke, die für Landingpage-Elemente konzipiert sind (z. B. CTAs, Galerien). Gerendert via BCMSContentManager.
Media Ordnerstrukturierte Asset-Bibliotheksdateien (Bilder, PDFs, SVGs). Optimierte Varianten und responsive Bildquellensätze.

Beim Ausführen des CLI-Generators werden TypeScript-Typen automatisch in Ihre Codebasis geladen:

  • Speicherort der generierten Typen: bcms/types/ts oder benutzerdefinierte Aliase, die auf @thebcms/types abgebildet sind.
  • Lokale Automatisierungshilfsskripte: Befinden sich unter ai/scripts/init-client.ts und ai/scripts/call-function.ts.

BCMS Headless CMS Erweiterte Funktionen

  • Model Context Protocol (MCP) Server: Bietet native kebab-case Tool-Bindungen für Cursor und Claude Code, die vollständige CRUD-Vorgänge, Medien-Uploads und Zeigerlinks direkt über die LLM ermöglichen.
  • Mehrsprachige Inhaltsmodellierung: Integrierte Unterstützung für lokalisierte meta- und content-Strukturen, die reibungslos durch Openclaw Skills-Konfigurationen verarbeitet werden.
  • Sichere Webhook-Verifizierung: Kryptografische Prüfung des X-Bcms-Webhook-Signature headers und Validierung von Zeitstempeln zur Verhinderung von Replay-Angriffen.
  • Benutzerdefinierte Serverless Functions: REST-adressierbare benutzerdefinierte Backend-Logik, die auf BCMS gehostet und direkt mithilfe autorisierter SDK-Methoden ausgelöst werden kann.
  • Abhängigkeitsprüfung: Methoden wie group.whereIsItUsed und widget.whereIsItUsed verhindern destruktive Schemaänderungen in Produktionsumgebungen.

SKILL.md


Laden

Verwandte Openclaw-Skills

METADATA

Github Stars: 0
forks: 0

Hervorgehoben*