Skip to main content

UI Extensions

UI Extensions let agents render richer, task-specific interfaces beyond plain text chat. They are useful when workflows need forms, cards, viewers, or interactive controls.

Extension Patterns

  • AG-UI style interactive components.
  • A2UI structured rendering patterns.
  • MCP-UI resources and tool-driven presentation.

What You Can Build

  • Dynamic forms for parameter collection.
  • Context-aware widgets for approvals and actions.
  • Rich viewers for artifacts and tool results.
  • Guided interaction flows with reusable UI blocks.

Why Use UI Extensions

  • Reduce ambiguity with structured interactions.
  • Improve speed for repetitive operational tasks.
  • Surface runtime/tool status directly in the interface.
  • Keep user decisions explicit and reviewable.

Best Practices

  • Keep each extension focused on one workflow objective.
  • Pair visual actions with explicit backend validation.
  • Design fallbacks for text-only interfaces.
  • Reuse shared components across agents for consistency.

Next Steps

  • Integrate with conversations in AI Chat.
  • Surface generated artifacts in Outputs.

See also