skills.rest
silverbee-ai
silverbee-aiOFFICIAL
Explore all skills by this author →
GitHub

show-generative-ui

Render interactive dashboards and UI elements in chat via templates or custom specs.

Updated Apr 6, 2026
Search Tags:#templates#dashboards#charts#data-visualization#generative-ui#cowork#ui-rendering
One-click install
npx skills add https://github.com/silverbee-ai/claude-silverbee-marketplace --skill show-generative-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: show-generative-ui
Source: https://github.com/silverbee-ai/claude-silverbee-marketplace/tree/main/plugins/silverbee/skills/show-generative-ui
Command: npx skills add https://github.com/silverbee-ai/claude-silverbee-marketplace --skill show-generative-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables rendering interactive dashboards and UI elements directly inside chat conversations by leveraging the silverbee-mcp server's rendering capabilities. It eliminates back-and-forth context switching by embedding data visualizations, templates, and custom layouts within the chat flow.

Core Features & Use Cases

  • Render predefined templates from the Template Catalog to display metrics, charts, and tables in Cowork.
  • Build and display custom UI layouts using the show_generative_ui specification when templates do not cover the requirement.
  • Use show_html for raw HTML/CSS/JS when a precise presentation is needed and a template is insufficient.
  • Use cases include performance reports, keyword dashboards, and ad-hoc data visualizations embedded in chat conversations.
  • Troubleshoot with guidance and examples to adjust UI specs and ensure correct rendering.

Quick Start

Describe the UI you want and ask the MCP server to render it using a matching template or a custom UI spec.

Frequently Asked Questions about show-generative-ui

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

FAQPage Schema
How do I render interactive dashboards inside a chat conversation?▼

Generative UI tooling renders interactive dashboards inside chat by applying predefined templates or custom UI specs, embedding data visualizations directly within the chat flow.

What is the best way to display charts and tables in Cowork?▼

Displaying charts and tables in Cowork is best achieved by rendering predefined templates from a structured catalog, or by building custom layouts using generative UI specifications for specific needs.

Can I use custom HTML for data visualization when templates are not enough?▼

Yes, you can use custom HTML for data visualization when templates are insufficient, leveraging the show_html function to render raw HTML, CSS, and JavaScript for precise presentation requirements.

How does generative UI handle in-chat data visualization and reporting?▼

Generative UI handles in-chat data visualization by using functions like render_template and show_generative_ui to embed metrics, charts, and tables directly into the conversation, eliminating context switching.

Do I need a specific server to render UI elements in chat?▼

Yes, rendering UI elements in chat requires leveraging the silverbee-mcp server's rendering capabilities to process template catalogs and custom UI specifications for in-chat visualization.

Related Skills

Explore More Software Engineering Skills→
hasnahasna

mcp

Set up MCP servers that render json-render component catalogs as interactive UIs.

Official
Intermediate
gracefullightgracefullight

plotly

Generate interactive Plotly visualizations for data analysis and reporting.

Community
Advanced
HolymirHolymir

analytics-dashboard

Track API usage, page views, and user sessions in FastAPI and React apps.

Community
Advanced
mattwoodcomattwoodco
3

ai-generative-ui

Render AI tool outputs as interactive React components in chat streams.

Community
Intermediate