Setup & Installation
openclaw skills install @theashbhat/dynamic-ui
Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:
npx clawhub install dynamic-ui
Version History
v1.2.0Mar 4, 2026 - Version note by skill developer:
Fix ampersand rendering bug — replaced awk template engine with perl to handle & correctly in HTML-escaped content
What This Skill Does
Renders data as images using HTML templates and wkhtmltoimage. Supports tables, bar charts, KPI stat cards, info cards, and composite dashboards. Three built-in themes and configurable output width.
Converts raw JSON into polished visual images without needing a browser, frontend framework, or charting library.
When to use it
- Generating a sales dashboard image from monthly revenue data
- Creating KPI stat cards for weekly team performance reports
- Rendering comparison tables as shareable PNG images
- Visualizing bar charts from exported JSON datasets
- Building composite dashboards combining stats, tables, and charts
Example Workflow
Here's how your AI assistant might use this skill in practice.
INPUT
User asks: Render a bar chart of monthly sales for Q1
AGENT
- 1Prepare JSON with labels ["Jan","Feb","Mar"] and corresponding values
- 2Run render.sh with the chart-bar template and --style dark flag
- 3Specify output path as ~/.openclaw/media/sales-chart.png
- 4Confirm the image was written to disk
OUTPUT
A dark-themed bar chart PNG showing Q1 monthly sales figures