telerik KendoReact — 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.
Calling the Style Assistant
Use the kendo_style_assistant MCP tool to generate CSS variables for a custom Kendo theme based on a natural language description.
Tool call:
kendo_style_assistant({
query="<Natural language description of the desired visual style or theme>"
})
Examples:
kendo_style_assistant({
query="Create a modern dark theme with high contrast and blue accents."
})
kendo_style_assistant({
query="Apply our brand colors: primary #2563EB (blue), success #16A34A (green), error #DC2626 (red). Use a clean, minimal light theme."
})
kendo_style_assistant({
query="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.