skills.rest
jaydeland
jaydelandCOMMUNITY
Explore all skills by this author →
Website𝕏@jaydelandGitHub

openui-dashboard

Translate DuckDB query results into streaming OpenUI Lang for React frontends.

Updated Mar 20, 2026
Search Tags:#react#dashboard#streaming#duckdb#data-visualization#ui-generation#openui
One-click install
npx skills add https://github.com/jaydeland/Tony --skill openui-dashboard
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: openui-dashboard
Source: https://github.com/jaydeland/Tony/tree/main/.claude/skills/openui-dashboard
Command: npx skills add https://github.com/jaydeland/Tony --skill openui-dashboard

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Dashboards are hard to assemble from raw data; this skill automates turning DuckDB results into streaming OpenUI Lang and rendering it with a React-based frontend for rapid, data-driven UI generation.

Core Features & Use Cases

  • Generate dashboards and data-visualization UIs by converting DuckDB query results into OpenUI Lang and rendering with a React runtime.
  • Provide a built-in chat-session UI and streaming OpenUI Lang to TheGardener for interactive, LL-driven dashboards.
  • Bridge DuckDB data with a component library to support live, data-driven UI generation and experimentation.

Quick Start

Provide a DuckDB dataset and ask me to generate and render a dashboard using OpenUI Lang in React.

Frequently Asked Questions about openui-dashboard

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a React dashboard from DuckDB query results?▼

To generate a React dashboard from DuckDB query results, this Skill translates your data into streaming OpenUI Lang and renders it directly within a React frontend, automating the entire data-driven UI generation process.

What is OpenUI Lang and how does it handle streaming data visualization?▼

OpenUI Lang is a rendering language that streams DuckDB query results directly to a React frontend. It bridges raw data and live UI components, enabling interactive, data-driven dashboard generation and real-time visualization updates.

Can I build a chat interface that queries DuckDB and renders dynamic dashboards?▼

Yes, you can build a chat interface that queries DuckDB. The Skill provides a built-in chat-session UI that streams OpenUI Lang to render interactive, LLM-driven dashboards based on your conversational queries.

What do I need to start building data-visualization UIs with DuckDB and React?▼

To start building data-visualization UIs, you need a DuckDB dataset. You provide the dataset to the Skill, which then generates the necessary OpenUI Lang component libraries and DuckDB integration patterns for your React frontend.

Does this approach support live streaming for interactive DuckDB dashboards?▼

Yes, the approach supports live streaming for interactive DuckDB dashboards. It bridges DuckDB data with a modular React component library, enabling live experimentation and streaming OpenUI Lang rendering for real-time UI updates.

Related Skills

Explore More Data & Analytics Skills→
OthmanAdiOthmanAdi
20

openui-forge-rust

Integrate Rust with OpenUI for asynchronous SSE streaming backend support.

Community
Intermediate
mostafasudomostafasudo
3

openui

Build generative UI apps with OpenUI Lang components and streaming.

Community
Intermediate
thesysdevthesysdev
8.3k

openui

Develop and integrate OpenUI generative UI frameworks with React, Vue, and Svelte.

Official
Advanced
Tyler-R-KendrickTyler-R-Kendrick
1

dashboard-openui-parity

Synchronize compiled React dashboard pages with interpreted OpenUI Lang programs.

Community
Advanced