Thesys Generative Ui

The thesys-generative-ui skill enables AI agents to dynamically generate and render interactive user interfaces directly within chat conversations. It transforms static text responses into functional components, allowing users to interact with data visualizations, forms, or dashboards without leaving the agent session.

When to use it

• You need to present complex data structures in a visually engaging format rather than plain text lists.
• Your workflow requires collecting user input through interactive forms before proceeding with a task.
• You want to demonstrate real-time state changes or dynamic calculations within the chat interface.
• The goal is to create a self-contained application prototype that runs entirely inside the AI agent environment.

Key capabilities

• Generates custom HTML, CSS, and JavaScript code on the fly.
• Renders interactive components such as charts, tables, and input fields.
• Maintains state within the generated UI elements for multi-step interactions.
• Outputs fully functional web interfaces that can be embedded in the chat window.

Example prompts

• "Create an interactive bar chart showing monthly sales figures for Q3."
• "Build a contact form where I can enter details and see them validated instantly."
• "Generate a dynamic to-do list component that lets me add and delete items right here."

Tips & gotchas

Ensure your AI agent has access to the necessary rendering environment to execute the generated code. Complex UIs may require simplified logic if the underlying sandbox has resource constraints.