How do I install the Telerik Blazor Style skill?

Run npx skillmds@latest add telerik/telerik-blazor-style-2 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Telerik Blazor Style safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Telerik Blazor Style?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Telerik Blazor Style free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Telerik Blazor Style?

telerik (@telerik) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Telerik Blazor Style by telerik — Agent Skill

Name: Telerik Blazor Style
Author: telerik

Telerik Blazor Style

Generates CSS variables and custom themes for Telerik UI for Blazor applications using the Kendo Design System. Use when the user wants to create a custom theme, change colors, update visual style, apply brand guidelines, or customize CSS variables. Trigger on "custom theme", "change colors", "apply brand", "CSS variables", "theme generation", "dark theme", "style assistant", "Kendo theme".

telerik Updated Sep 17, 2026

File contents

Telerik UI for Blazor — Style Assistant

How to Apply Generated CSS Variables

After calling the tool, apply the generated CSS variables using one of the methods described in application-methods.md.

This skill owns the progressive disclosure decision for theme support files. Read application-methods.md for every theming-focused use so downstream guidance can include the application method. Do not read unrelated component, layout, icon, validation, or accessibility files from this skill.

Calling the Style Assistant

Use the telerik_style_assistant MCP tool to generate CSS variables for a custom Kendo theme based on a natural language description.

Preserve user-specified theme requirements exactly in the tool prompt. If the user provides colors, brand guidelines, or theme constraints, copy them verbatim into prompt, including hex values, RGB/RGBA/HSL values, CSS variable names and values, named roles such as primary/accent/success/error, theme mode, contrast requirements, density, mood, typography notes, and palette constraints. Do not paraphrase or normalize exact color requirements before calling the tool.

Tool call:

telerik_style_assistant({
    prompt="<Natural language description of the desired visual style or theme>"
})

Examples:

telerik_style_assistant({
    prompt="Create a modern dark theme with high contrast and blue accents."
})

telerik_style_assistant({
    prompt="Apply our brand colors: primary #2563EB (blue), success #16A34A (green), error #DC2626 (red). Use a clean, minimal light theme."
})

telerik_style_assistant({
    prompt="Create a warm, earthy theme with orange as the primary color and a neutral background."
})

After Retrieval

The tool returns CSS variable declarations. Apply them using one of the four methods in application-methods.md. Method 1 (Global CSS) is recommended for most cases.

---name: telerik-blazor-style-2description: Generates CSS variables and custom themes for Telerik UI for Blazor applications using the Kendo Design System. Use when the user wants to create a custom theme, change colors, update visual style, apply brand guidelines, or customize CSS variables. Trigger on "custom theme", "change colors", "apply brand", "CSS variables", "theme generation", "dark theme", "style assistant", "Kendo theme".---## Telerik UI for Blazor — Style Assistant### How to Apply Generated CSS VariablesAfter calling the tool, apply the generated CSS variables using one of the methods described in [application-methods.md](application-methods.md).This skill owns the progressive disclosure decision for theme support files. Read [application-methods.md](application-methods.md) for every theming-focused use so downstream guidance can include the application method. Do not read unrelated component, layout, icon, validation, or accessibility files from this skill.### Calling the Style AssistantUse the `telerik_style_assistant` MCP tool to generate CSS variables for a custom Kendo theme based on a natural language description.Preserve user-specified theme requirements exactly in the tool prompt. If the user provides colors, brand guidelines, or theme constraints, copy them verbatim into `prompt`, including hex values, RGB/RGBA/HSL values, CSS variable names and values, named roles such as primary/accent/success/error, theme mode, contrast requirements, density, mood, typography notes, and palette constraints. Do not paraphrase or normalize exact color requirements before calling the tool.**Tool call:**```telerik_style_assistant({ prompt="<Natural language description of the desired visual style or theme>"})```**Examples:**```telerik_style_assistant({ prompt="Create a modern dark theme with high contrast and blue accents."})``````telerik_style_assistant({ prompt="Apply our brand colors: primary #2563EB (blue), success #16A34A (green), error #DC2626 (red). Use a clean, minimal light theme."})``````telerik_style_assistant({ prompt="Create a warm, earthy theme with orange as the primary color and a neutral background."})```### After RetrievalThe tool returns CSS variable declarations. Apply them using one of the four methods in [application-methods.md](application-methods.md). **Method 1 (Global CSS) is recommended** for most cases.

Frequently asked questions