用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/javimosch/open-claw-skills --skill dynamic-ui命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Connect your AI assistant to GoHighLevel CRM via the official API v2. Manage contacts, conversations, calendars, pipelines, invoices, payments, workflows, and 30+ endpoint groups through natural language. Includes interactive setup wizard and 100+ pre-built, safe API commands. Python 3.6+ stdlib only — zero external dependencies.
Manage Cloudflare DNS records, Tunnels (cloudflared), and Zero Trust policies. Use for pointing domains, exposing local services via tunnels, and updating ingress rules.
Mema's personal brain - SQLite metadata index for documents and Redis short-term context buffer. Use for organizing workspace knowledge paths and managing ephemeral session state.
基于 SOC 职业分类
正在显示 SKILL.md
| name | dynamic-ui |
| description | Render tables, charts, stats, cards, and dashboards as images using HTML templates and wkhtmltoimage. |
| metadata | {"openclaw":{"requires":{"bins":"[Truncated]"},"install":["[Truncated]","[Truncated]"],"installHint":"This skill requires wkhtmltoimage and jq. Install with:\nUbuntu/Debian: sudo apt-get install -y wkhtmltopdf jq fonts-noto-color-emoji\nmacOS: brew install wkhtmltopdf jq\n"}} |
Render dynamic visual content (tables, charts, stats, cards, dashboards) as images using HTML templates and wkhtmltoimage.
# Basic usage
./scripts/render.sh <template> --data '<json>'
# With options
./scripts/render.sh table --data '{"columns":["A","B"],"rows":[["1","2"]]}' --style dark --output out.png
# From stdin
echo '{"labels":["Q1","Q2"],"values":[100,200]}' | ./scripts/render.sh chart-bar --style modern
| Template | Description | Input Schema |
|---|---|---|
table | Data tables | {"columns": [...], "rows": [[...], ...]} |
chart-bar | Bar charts | {"labels": [...], "values": [...], "title": "..."} |
stats | KPI cards | {"stats": [{"label": "...", "value": "...", "change": "..."}]} |
card | Info card | {"title": "...", "subtitle": "...", "body": "...", "status": "green|yellow|red"} |
dashboard | Composite | {"title": "...", "widgets": [{"type": "stat|table|chart", ...}]} |
| Option | Description | Default |
|---|---|---|
--data, --input | JSON data (or use stdin) | - |
--style | Theme: modern, dark, minimal | modern |
--output, -o | Output path | stdout (base64) |
--width | Image width in pixels | 800 |
# Render a table
./scripts/render.sh table --data '{"columns":["Name","Score"],"rows":[["Alice","95"],["Bob","87"]]}' -o table.png
# Render a bar chart
./scripts/render.sh chart-bar --data '{"labels":["Jan","Feb","Mar"],"values":[120,150,180],"title":"Monthly Sales"}' --style dark -o chart.png
# Render stats
./scripts/render.sh stats --data '{"stats":[{"label":"Users","value":"12.5K","change":"+12%"},{"label":"Revenue","value":"$45K","change":"+8%"}]}' -o stats.png
After rendering an image, you'll typically want to send it to the user. Here's the recommended workflow:
# 1. Render to ~/.openclaw/media/ (recommended path)
./scripts/render.sh table --data '...' -o ~/.openclaw/media/my-table.png
# 2. Send inline via message tool
message(action=send, filePath=/home/ubuntu/.openclaw/media/my-table.png, caption="Caption", channel=telegram, to=<user_id>)
~/.openclaw/media/ — this path works reliably for inline sending# Render
echo '{"title":"My Data","columns":["A","B"],"rows":[["1","2"]]}' | \
./scripts/render.sh table -o ~/.openclaw/media/data.png
# Send
message(action=send, filePath=/home/ubuntu/.openclaw/media/data.png, caption="Here's your data", channel=telegram, to=USER_ID)
/usr/bin/wkhtmltoimage — HTML to image conversionjq — JSON parsing