telerik/ai-plugins/telerik-blazor-layout

Telerik UI for Blazor — Layout Assistant

Setup

Before using layout utilities, read layout-conventions.md for CDN setup and component priority rules.

Calling the Layout Assistant

Use the telerik_layout_assistant MCP tool to retrieve Kendo Design System CSS utility classes relevant to your layout requirements.

Tool call:

telerik_layout_assistant({
    prompt="<Detailed description of the layout: sections, structure, responsive needs, component types>",
    includeBuildingBlockExamples=true  // Set to true to include example building blocks
})

Examples:

telerik_layout_assistant({
    prompt="Provide Kendo Design System utility classes for a dashboard layout with a header, sidebar navigation, main content area with cards, and a footer. Needs to be responsive across mobile and desktop.",
    includeBuildingBlockExamples=true
})

telerik_layout_assistant({
    prompt="Provide Kendo Design System utility classes to make a 3-column card grid responsive — stacked on mobile, 2 columns on tablet, 3 columns on desktop."
})

Query Guidelines

• Be descriptive. Include all sections (header, sidebar, content area, footer), the component types used, and responsive requirements.
• One layout call per major section if sections have different requirements.
• Always call this tool before writing custom CSS for layout — the utility classes cover most layout scenarios.
• For responsive layout adjustments, make a separate call with the responsive requirements described.