Part of Analyze Financial Markets With AI Skills
Engineering Blueprint
Safety checkedRender Interactive Widgets in Claude
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
About This Blueprint
- Industry
- Finance
More Blueprints to explore
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.
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.
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.
Ishani D.
Account Manager at G2