RenderKit for Openclaw

RenderKit enables AI agents to instantly generate polished, hosted web pages and interactive data-collection forms from structured JSON data.

antoinedc
v1.4.0
Feb 25, 2026
2
1.7k
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install renderkit

2. Manual Installation

Copy the skill folder to one of these locations

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

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install renderkit 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 RenderKit?

RenderKit is a versatile tool within the Openclaw Skills ecosystem that allows developers and AI agents to bridge the gap between raw data and visual presentation. It provides a simple API to programmatically create hosted pages—such as itineraries, summaries, and reports—or interactive forms like surveys and RSVPs. By using RenderKit, you can bypass the overhead of manual web development and deployment, converting structured objects into professional, shareable URLs in seconds.

This skill is particularly valuable for workflows that require presenting data to humans in a readable format or gathering structured feedback without building a custom frontend. Whether you are generating a 3-day travel plan or a team feedback survey, RenderKit handles the hosting and styling automatically, ensuring your content looks great on any device.

RenderKit Use Cases

  • Generate dynamic travel itineraries or event schedules for clients.
  • Create AI-powered feedback forms and customer surveys on the fly.
  • Publish structured data summaries or comparison tables as hosted, read-only pages.
  • Set up quick RSVP forms for events with automatic data collection and response tracking.
  • Share rich visual content that automatically enriches embedded links with metadata and images.

How RenderKit Works

  1. The agent sends structured data or a natural language prompt to the RenderKit API.
  2. For read-only content, the /v1/render endpoint is used to generate a static, hosted page using templates like freeform or travel_itinerary.
  3. For data collection, the /v1/forms endpoint creates an interactive form based on provided fields or a descriptive prompt.
  4. The API returns a unique URL, slug, and identification ID (render_id or form_id) for the generated asset.
  5. Existing pages can be updated using PATCH requests with merge or replace strategies, while form responses are retrieved via the status endpoint.

RenderKit Setup

To start using this skill with Openclaw Skills, follow these steps:

  1. Sign up at https://renderkit.live to obtain your API key.
  2. Set the environment variable in your terminal or agent configuration:
export RENDERKIT_API_KEY="your-api-key"
  1. Ensure curl is installed on your system to facilitate API requests.

RenderKit Data Schema & Taxonomy

The RenderKit skill organizes data through two primary structures:

Component Description
Render Object Contains template (e.g., freeform, travel_itinerary), context, and data (title and content).
Form Object Includes title, prompt (for AI generation) or fields, multi_response toggle, and expires_in duration.
Update Strategy Uses merge to append new sections or replace for a full rewrite of the page content.
Metadata The API automatically enriches inline URLs with images, ratings, and site metadata.

RenderKit Advanced Features

  • AI-driven layout selection using the freeform template to automatically style unstructured content.
  • Deep link enrichment that scans content for URLs and enhances them with visual metadata automatically.
  • Custom themes support including dark mode and specific hex code palettes for brand alignment.
  • Quota-efficient updates via PATCH requests which allow for continuous content refinement without counting toward usage limits.
  • Multi-response form handling with built-in expiration logic for time-sensitive data collection.

SKILL.md


Loading

Related Openclaw Skills

Featured*