A powerful integration for managing Builder.io visual content, models, and entries via an AI-ready automated workflow.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install builderio
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install builderio using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Builder.io?
Builder.io is a leading visual development platform that empowers teams to build and optimize digital experiences through a drag-and-drop interface. This skill for Openclaw Skills enables developers and marketers to bridge the gap between code and visual content, allowing for programmatic management of site speed and layout optimizations.
By leveraging the Membrane framework, this integration removes the friction of manual API management. It provides a structured way to interact with Builder.io spaces, models, and entries, ensuring that your AI coding agent can efficiently handle content updates and architectural changes without getting bogged down in authentication plumbing.
Builder.io Use Cases
- Automating the creation and update of content entries within specific Builder.io models.
- Fetching rendered HTML content for server-side rendering (SSR) implementations.
- Programmatically searching and filtering content entries for dynamic site updates.
- Synchronizing data between e-commerce platforms and Builder.io visual layouts.
- Auditing content models and fields across multiple Builder.io spaces.
How Builder.io Works
- The agent initializes the environment by installing and logging into the Membrane CLI.
- A secure connection is established to the Builder.io domain, managing OAuth or API credentials server-side.
- The agent searches for specific functional intents (e.g., 'list-models') using natural language discovery.
- Actions are executed via the CLI, with the agent passing JSON parameters to modify or retrieve Builder.io data.
- For specialized requirements, the agent uses a transparent proxy to send authenticated requests directly to the Builder.io API.
Builder.io Setup
First, install the Membrane CLI globally to enable the Openclaw Skills functionality:
npm install -g @membranehq/cli@latest
Next, authenticate your environment and specify your agent type:
membrane login --tenant --clientName=openclaw
Connect to your Builder.io instance to establish the secure link:
membrane connection ensure "https://builder.io/" --json
Builder.io Data Schema & Taxonomy
The skill organizes Builder.io data into a hierarchical structure for clear metadata taxonomy:
| Level | Description |
|---|---|
| Space | The top-level container for your Builder.io project and environments. |
| Model | Defines the schema and fields for content (e.g., page, header, blog-post). |
| Entry | The actual content data following the structure defined by the Model. |
| User | Metadata regarding permissions and authorship within the space. |
Builder.io Advanced Features
- Natural Language Intent Discovery: Use the
action list --intentcommand to find the right tool for any task without reading documentation. - Transparent API Proxying: Send raw requests to any Builder.io endpoint while the skill automatically handles header injection and token refreshing.
- Long-polling Connection States: Use the
--waitflag to handle asynchronous authentication flows programmatically. - Headless Environment Support: Optimized for CI/CD and remote servers where browser-based authentication is restricted.
SKILL.md
Loading
Related Openclaw Skills
Security Audit Standards v2
An automated security scanner designed to audit, score, and provide installation recommendations for AI agent skills within your workspace.
BOC Deploy Tools
A comprehensive automation toolkit for initializing deployment machines and deploying the BOC container platform through a structured two-stage workflow.
UE DataTable Editor
A comprehensive workflow for discovering, editing, and re-importing Unreal Engine DataTable JSON representations back into the engine.
PlanSo Forms
A powerful integration that enables AI agents to create, manage, and process PlanSo Forms data and submissions through a streamlined CLI.
Ratecard
A specialized skill for managing sales quotes, clients, and pricing versions through the Ratecard SaaS platform via Membrane.
Translate
A high-precision translation engine that handles text, technical documentation, and live conversations across dozens of languages while maintaining formatting.
Featured*
