genui SDK (v0.7.0) - Flutter Generative UI

Generate Flutter UIs dynamically from LLM output via A2UI and SSE.

Updated Feb 21, 2026
One-click install
npx skills add https://github.com/titabash/gemini-hackathon-game --skill genui-sdk-v0-7-0-flutter-generative-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: genui SDK (v0.7.0) - Flutter Generative UI
Source: https://github.com/titabash/gemini-hackathon-game/tree/main/.claude/skills/genui
Command: npx skills add https://github.com/titabash/gemini-hackathon-game --skill genui-sdk-v0-7-0-flutter-generative-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill enables dynamic generation of Flutter UIs directly from Large Language Models (LLMs) using the A2UI protocol, streamlining the creation of interactive and responsive user interfaces.

Core Features & Use Cases

  • LLM-Powered UI Generation: Dynamically create Flutter widgets based on LLM output.
  • A2UI Protocol Support: Integrates with backend services that generate UI definitions.
  • Real-time Updates: Handles streaming updates for UI components and conversation flow.
  • Use Case: Build a chatbot interface where the AI can not only respond with text but also generate interactive forms, buttons, or even complex layouts directly within the chat.

Quick Start

Use the genui skill to send the user message 'Hello, generate a form for user registration'.

Frequently Asked Questions about genui SDK (v0.7.0) - Flutter Generative UI

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

FAQPage Schema
How do I generate dynamic Flutter UI from LLM output?

You can generate dynamic Flutter UI from LLM output by using the A2UI protocol to stream LLM responses and render them as interactive widgets like forms and buttons directly in real-time.

What is the A2UI protocol for generative UI in Flutter?

The A2UI protocol for generative UI in Flutter is a mechanism that transmits UI definitions from a backend LLM to a Flutter frontend, enabling the dynamic creation of interactive components via Server-Sent Events.

Can I use Python FastAPI backend for Flutter dynamic UI generation?

Yes, you can use a Python FastAPI backend for Flutter dynamic UI generation to handle LLM interactions, parse messages, and stream UI component definitions to the frontend using Server-Sent Events.

How do I handle real-time UI updates in Flutter using SSE?

You handle real-time UI updates in Flutter using SSE by streaming LLM-generated UI component definitions incrementally, allowing the chatbot interface to render interactive elements as they are received.

Does dynamic Flutter UI generation require Riverpod compatibility?

Dynamic Flutter UI generation requires specific handling for Riverpod compatibility to properly manage state when rendering LLM-generated custom widget catalogs and updating conversation flows.

How to integrate custom widget catalogs into LLM-generated Flutter interfaces?

To integrate custom widget catalogs into LLM-generated Flutter interfaces, you define the available widgets in your backend LLM interaction layer so the model can output matching UI definitions streamed via the A2UI protocol.