Read More on Telerik Blogs
November 20, 2025 AI, Web, Angular, React, Blazor
Get A Free Trial

Accelerate enterprise UI delivery with orchestrated, prompt-driven tools.

As part of the 2025 Q4 release, we just announced the availability of Progress Telerik AI Agentic Generator in Blazor, React and Angular.

This article describes what it does from a technical perspective. To see an overview and learn how to try it, visit our AI tools overview page.

What It Is and Why It Matters

The Agentic UI Generator integrates five specialized tools that collaborate in an agentic flow to deliver complete, beautiful, enterprise-ready UIs:

  • UI Generator
  • Layout Assistant
  • Component Assistant
  • Style Assistant
  • Icon Assistant

The main generator coordinates these assistants to handle component generation, styling, theming and design system integration seamlessly. This is an orchestration-first approach: You get end-to-end scaffolding when you want it, and surgical, targeted edits when you need precision.


Diagram showing the main generator coordinating five assistants

How the Agentic Flow Works

The UI Generator acts like the product manager of the group: It analyzes your prompt, decides which specialized tools to invoke and runs them in a coordinated sequence. You can use the UI Generator for full-page scaffolding or call specific assistants to refine layout, components, theme tokens or iconography. The separation of concerns enables both speed and granularity.

Layout Assistant

The Layout Assistant is the designer who lives in grids and breakpoints. It rearranges content with confidence, minimal changes, setting spacing and utility classes so the layout breathes across devices. When handed a dense page, it returns a balanced, predictable layout that saves countless CSS tweaks.


Fixed and responsive comparison

Component Assistant

The Component Assistant (the Telerik and Kendo UI AI Coding Assistant that we made available earlier this year) is the senior engineer who knows every Telerik control by heart. It scaffolds Grids, Charts, Forms and templates with idiomatic Blazor patterns, wiring bindings, validation and accessibility attributes so the components are ready to extend.


Code snippet preview for Grid and Chart components

Style Assistant

The Style Assistant plays the theming lead: It defines tokens, color scales and contrast rules, then applies them consistently across components. It can generate dark-mode and high-contrast variants, creating an on-brand look that’s straightforward to maintain and evolve. It relies on the Telerik Design System and incorporates your custom branding as well.


Theme palette and dark-mode preview

Icon Assistant

The Icon Assistant behaves like the UX person who cares about clarity. It chooses the right glyph, aligns sizing and spacing, and swaps in accessibility-friendly alternatives where appropriate, keeping the visual language consistent with the Progress Design System.


Icon set examples and spacing guidelines

With the main generator coordinating these roles, the result is an agentic flow that turns prompts into complete, on-brand interfaces ready for product logic and iteration.

Example Prompts and Generated Outcomes

Here are concrete examples that show how the Blazor UI Generator accepts natural language and returns practical results you can iterate on.

  • #telerik_ui_generator Generate a dark theme for the app and provide variable tokens for primary, accent, and surface colors.
  • Outcome: Theme tokens, CSS variables (or Sass variables) for color scales, and a dark-mode variant applied across sample components for quick preview.
  • #telerik_ui_generator Create a dashboard page with a data grid showing sales by region, a line chart for monthly revenue trends, and a KPI card row with current totals.
  • Outcome: A Blazor page scaffold that includes a Telerik Grid with paging and sorting bound to sample sales data, a Chart component wired to monthly aggregates, and KPI cards laid out responsively.
  • #telerik_ui_generator Create an attractive login screen

Below is a compact example of what generated Blazor markup might look like after a “scaffold a dashboard” prompt.

 This part of the page will be loaded later.

Final Takeaway

This is an orchestration-first solution: five purpose-built assistants working together to produce component code, layouts, themes and icons that align with the Progress Design System. The Agentic UI Generator removes repetitive work so you can invest in domain logic, UX details and the product experiences that matter. As powerful as it is convenient, it lets you ship screens faster without sacrificing consistency.

Learn more about and try our AI tools here.


About the Author

Ed Charbeneau

Ed Charbeneau is a web enthusiast, speaker, writer, design admirer, and Developer Advocate for Telerik. He has designed and developed web based applications for business, manufacturing, systems integration as well as customer facing websites. Ed enjoys geeking out to cool new tech, brainstorming about future technology, and admiring great design. Ed's latest projects can be found on GitHub.

Related Posts