Getting Started with the Agentic UI Generator
The Agentic UI Generator is an intelligent development tool delivered through the Telerik Blazor MCP Server that enables UI generation from natural language prompts. Once configured and authenticated, you can use the Agentic UI Generator tool (#telerik_ui_generator) together with the available specialized MCP assistants.
You can get started in two ways:
- Try it in the browser (no setup required) - the Blazor REPL includes a built-in Agentic UI Generator integration, allowing you to generate, run, and evaluate Telerik UI for Blazor components directly in the browser. To use it, describe your UI requirements using natural language in the REPL's chat interface, and iterate with follow-up prompts. Sign in and get 10 monthly requests to evaluate the Agentic UI Generator without leaving the browser.
- Set up locally - use the Telerik CLI to configure your local environment. It automates license configuration, Telerik MCP server and Telerik NuGet setup, and project scaffolding. Get started in minutes—follow the Quick Start guide to configure your local environment.
Prerequisites
To use the Telerik Blazor MCP server, you need:
- .NET 8 or newer.
- A compatible MCP client (IDE, code editor, or app) that supports MCP server integrations.
- An active Telerik license - trial or subscription.
Quick Start
Instead of manually creating configuration files, you can use the Telerik CLI and the built-in Getting Started Assistant to handle the entire setup automatically - whether you are starting a new project or adding Telerik UI for Blazor to an existing one.
Follow these steps to set up the Agentic UI Generator and use it in your IDE:
-
Install the Telerik CLI globally by executing the following command in any standard command-line interface (CLI) or terminal on your operating system:
SHdotnet tool install -g Telerik.CLI -
Configure the Telerik Nuget feed, activate (update) your Telerik license, and set up the Telerik MCP server with the Telerik CLI:
SHtelerik setup blazorSHdotnet tool install Telerik.Blazor.MCPSHtelerik setup blazor -
Create a Blank Solution in Visual Studio, or an empty folder in Visual Studio Code, and open it in your IDE. In the AI chat interface, invoke the Getting Started Assistant:
text#telerik_getting_started_assistant create a new blazor web app
Use Cases
The Agentic UI Generator is designed to help with various development scenarios:
- Generate specific Telerik UI for Blazor components with particular configurations and features like filtering, validation, and data binding.
- Create full responsive pages
- Build complete dashboards, landing pages, and listing pages in existing applications.
- Generate pages similar to the Progress Design System page templates.
- Modify existing pages
- Enhance existing dashboards by adding new sections.
- Insert new sections that match existing layout style and responsiveness.
- Create and modify themes
- Implement Responsive Layout
- Create new responsive pages and sections.
- Convert existing pages to be responsive for mobile and tablet views.
For a comprehensive collection of sample prompts covering general UI tasks, layout organization, component implementation, styling, accessibility, and icon selection, see the Agentic UI Generator Prompt Library.
While the Agentic UI Generator performs great with powerful models like Claude Sonnet 4.6, GPT-5.2, or Gemini 3 Pro, it also excels with smaller models as well (such as Haiku and GPT 5.1 mini).