interactive-widgets

Stream interactive Flutter widgets within AI conversation streams via Nexus.

Updated Apr 2, 2026
One-click install
npx skills add https://github.com/shobhit-16/Disease-Risk-classifier --skill interactive-widgets-shobhit-16
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: interactive-widgets
Source: https://github.com/shobhit-16/Disease-Risk-classifier/tree/main/.claude/skills/20-interactive-widgets
Command: npx skills add https://github.com/shobhit-16/Disease-Risk-classifier --skill interactive-widgets-shobhit-16

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

AI assistants historically deliver static responses that lack interactivity and structure. This skill enables embedding and streaming of interactive Flutter widgets directly in conversation, enabling users to interact with data, forms, and visualizations inside chat flows.

Core Features & Use Cases

  • Streaming widget descriptors to render rich UI components in chat
  • RBAC-enabled actions inside widgets
  • Backend integration with Nexus and Kailash for end-to-end widget generation
  • Supports multiple widget types: chart, table, form, card, and navigation
  • Real-world scenario: drill-down charts, form-driven filters, and in-conversation navigation

Quick Start

Provide a simple interactive widget in the chat to demonstrate streaming UI.

Frequently Asked Questions about interactive-widgets

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

FAQPage Schema
How do I embed interactive Flutter widgets in an AI chat stream?

To embed interactive Flutter widgets in an AI chat stream, you need a backend to generate widget descriptors and stream them via Nexus, alongside a Flutter frontend that dynamically renders the JSON data into charts, forms, or cards.

Can I use RBAC to control actions inside interactive chat widgets?

Yes, you can use RBAC to control actions inside interactive chat widgets. The streaming widget descriptors support RBAC-enabled actions, ensuring data sources and user interactions like form submissions or drill-down charts remain securely gated.

What types of interactive UI components can I render in a conversation stream?

You can render multiple interactive UI components in a conversation stream, specifically supporting charts, tables, forms, cards, and navigation widgets. These components enrich static AI responses by enabling in-conversation data visualization and filtering.

Do I need a custom backend to stream widget descriptors to a Flutter frontend?

Yes, streaming widget descriptors requires a custom backend integrated with Nexus and Kailash for end-to-end widget generation. The backend handles streaming text and widget data, while the Flutter frontend dynamically renders the JSON descriptors.

Why use interactive widgets instead of static text in AI assistant responses?

Using interactive widgets instead of static text in AI assistant responses solves the lack of structure and interactivity. It enables users to directly interact with data, submit form-driven filters, and navigate drill-down visualizations without leaving the chat context.