Render structured data as beautiful hosted web pages, and create hosted forms for data collection, using the RenderKit API. Use this for visual pages, survey...
数据来源:ClawHub。 在 ClawSkills 查看
选择你使用的 Agent
方法一:命令行安装(推荐)
推荐(无需提前安装 clawhub)
npx clawhub@latest --dir ~/.claude/skills install renderkit或使用 clawhub CLI(需提前安装)
clawhub --dir ~/.claude/skills install renderkit⚠️ 需要 Node.js 18+,没有 Node?请使用下方方法二直接下载 ZIP。 安装 Node.js →
方法二:手动下载安装(无需 Node)
下载 ZIP,解压后将文件夹放到以下路径,重启 Agent 即可:
安装路径
~/.claude/skills/renderkit/💡解压后将文件夹放到上方路径,重启 Agent 即可生效
--- name: renderkit version: "1.4.0" description: Render structured data as beautiful hosted web pages, and create hosted forms for data collection, using the RenderKit API. Use this for visual pages, surveys, RSVPs, feedback forms, or any structured data. metadata: openclaw: requires: env: - RENDERKIT_API_KEY bins: - curl primaryEnv: RENDERKIT_API_KEY homepage: https://renderkit.live ---
Render structured data as beautiful hosted web pages, and create hosted forms for data collection.
export RENDERKIT_API_KEY="your-api-key"
All commands use curl to hit the RenderKit API. Pick the right endpoint:
POST /v1/renderPOST /v1/formscurl -s -X POST https://renderkit.live/v1/render \
-H "Authorization: Bearer $RENDERKIT_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"template": "freeform",
"context": "brief description of what this content is",
"data": {
"title": "Page Title",
"content": "your data here — markdown, structured objects, anything"
}
}'
Returns url, slug, and render_id. Templates: freeform (AI picks layout) or travel_itinerary.
curl -s -X PATCH https://renderkit.live/v1/render/{render_id} \
-H "Authorization: Bearer $RENDERKIT_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"strategy": "merge",
"context": "updated description",
"data": { "content": "new or additional data" }
}'
Strategies: merge (add sections) or replace (full rewrite). The URL stays the same.
curl -s https://renderkit.live/v1/render/{render_id}/status \
-H "Authorization: Bearer $RENDERKIT_API_KEY"
curl -s -X POST https://renderkit.live/v1/forms \
-H "Authorization: Bearer $RENDERKIT_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"title": "Event RSVP",
"prompt": "Create an RSVP form for a dinner party. Ask for name, email, dietary restrictions, and plus-one.",
"multi_response": true,
"expires_in": 604800
}'
Returns a url to share with respondents. You can also provide explicit fields instead of a prompt.
curl -s https://renderkit.live/v1/forms/{form_id}/responses \
-H "Authorization: Bearer $RENDERKIT_API_KEY"
curl -s -X DELETE https://renderkit.live/v1/forms/{form_id} \
-H "Authorization: Bearer $RENDERKIT_API_KEY"
/v1/render to fake a form — it produces a static page that cannot collect responses"theme": { "mode": "dark", "palette": ["#color1", "#color2"] }# Create a travel itinerary page
curl -s -X POST https://renderkit.live/v1/render \
-H "Authorization: Bearer $RENDERKIT_API_KEY" \
-H "Content-Type: application/json" \
-d '{"template":"travel_itinerary","context":"3-day Paris trip","data":{"title":"Paris Weekend","content":"Day 1: Louvre, lunch at Loulou, Seine walk. Day 2: Montmartre, Sacré-Cœur."}}'
# Create a feedback survey
curl -s -X POST https://renderkit.live/v1/forms \
-H "Authorization: Bearer $RENDERKIT_API_KEY" \
-H "Content-Type: application/json" \
-d '{"title":"Team Feedback","prompt":"Create a short feedback form with rating (1-5) and open comments","multi_response":true}'
# Check for new form submissions
curl -s https://renderkit.live/v1/forms/{form_id}/status \
-H "Authorization: Bearer $RENDERKIT_API_KEY"安装 Clawhub Renderkit Skill 后,可以对 AI 说这些话来触发它
Help me get started with Clawhub Renderkit Skill
Explains what Clawhub Renderkit Skill does, walks through the setup, and runs a quick demo based on your current project
Use Clawhub Renderkit Skill to render structured data as beautiful hosted web pages, and create ho...
Invokes Clawhub Renderkit Skill with the right parameters and returns the result directly in the conversation
What can I do with Clawhub Renderkit Skill in my developer & devops workflow?
Lists the top use cases for Clawhub Renderkit Skill, with example commands for each scenario
将技能文件夹放到 ~/.claude/skills/renderkit/ 目录(个人级,所有项目可用),或 .claude/skills/renderkit/(项目级)。重启 AI 客户端后,用 /renderkit 主动调用,或让 AI 根据上下文自动发现并使用。
Clawhub Renderkit Skill 支持 Claude、Cursor、OpenClaw,可与这些 AI 平台无缝集成,扩展其能力。
Clawhub Renderkit Skill 可免费安装使用。请查阅仓库了解许可证信息。
Render structured data as beautiful hosted web pages, and create hosted forms for data collection, using the RenderKit API. Use this for visual pages, survey...
Clawhub Renderkit Skill 属于「Developer & DevOps」分类,该分类的技能帮助 AI 智能体在此领域执行专业任务。
Automate my developer & devops tasks using Clawhub Renderkit Skill
Identifies repetitive steps in your workflow and sets up Clawhub Renderkit Skill to handle them automatically