Skip to content

Part of Analyze Financial Markets With AI Skills

Engineering Blueprint

Safety checked

Render Interactive Widgets in Claude

0May 2026

1 skill for generative UI design system with HTML/SVG widgets and chart rendering.

What problem does this solve?

Renders interactive UI elements in Claude conversations instead of plain text output. It provides a design system for generating interactive HTML, SVG charts, and data visualizations that Claude can show in the chat widget.

How does it work?

Once installed, call generative-ui within other skills to render interactive output. Provide data and a widget spec (chart type, layout, labels), and generative-ui generates HTML/SVG that renders in Claude's show_widget. Output: interactive charts, tables, and controls visible in the chat.

Included Skills

No skills in this group

What's required to run this?

Works exclusively with Claude Code's show_widget capability. No external dependencies; outputs standard HTML/SVG.

Key Features

generative-ui

Design system for Claude show_widget with HTML/SVG charts, tables, and interactive controls

Tools in this Blueprint

Claude logo
4.6(456 reviews)

About This Blueprint

Industry
Finance
1 File
Productivity

Business Automation & Productivity Workflow

Reduce hours lost to repetitive admin without adding a complicated stack. Prioritized, tested workflows automate routine research, client communication, project tracking, and website tasks while keeping people in control of important decisions.

1 File
Engineering

Business Technology & Digital Solutions Workflow

Avoid costly, fragmented digital projects with a plan that connects business goals to practical tools, implementation steps, and measurable results. It also flags performance, security, accessibility, and SEO checks before launch.

WordPressGoogle AnalyticsGoogle Search Console+2 more
Sales

ICP-Filtered Outreach Lists from G2 Buyer Intent

Stop wasting rep time on weak intent signals and mismatched accounts. The workflow ranks ICP-fit buyers by readiness, finds the right contact, and supplies tailored outreach angles for the strongest opportunities.

ClaudeClaudeG2 Buyer Intent (G2 MCP Server)ZoomInfo (MCP)+3 more

Ishani D.

Account Manager at G2