# Kendo Design

> Apply the Kendo Design System when building, styling, or reviewing any user interface. Provides design tokens, color, typography, spacing, and accessibility guardrails.

- Skill: `telerik/kendo-design` (Agent Skill, multi-file: 7 files)
- Install (CLI): `npx skillmds@latest add telerik/kendo-design`
- Raw SKILL.md: https://api.skillmd.com/api/skills/telerik/kendo-design/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: telerik (https://skillmd.com/u/telerik)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/telerik/kendo-design

---


# Kendo Design System

Applies the Kendo Design System to UI work.

## The spec: `DESIGN.md`

A full `DESIGN.md` — tokens, typography, spacing, color, elevation, accessibility — ships for every theme under `themes/<theme>/DESIGN.md`.

| Theme     | Path                         | Notes                                               |
| --------- | ---------------------------- | --------------------------------------------------- |
| Meridian  | `themes/meridian/DESIGN.md`  | Modern, balanced identity. **Recommended default.** |
| Default   | `themes/default/DESIGN.md`   | Original Kendo language.                            |
| Bootstrap | `themes/bootstrap/DESIGN.md` | Bootstrap's design language.                        |
| Material  | `themes/material/DESIGN.md`  | Material Design.                                    |
| Fluent    | `themes/fluent/DESIGN.md`    | Microsoft Fluent.                                   |
| Classic   | `themes/classic/DESIGN.md`   | Classic Kendo look.                                 |

Use it however the task calls for: read it for a one-off consultation, copy it into the project as a persistent source of truth, copy and adapt it to the project's own needs, or skip it. Persisting a `DESIGN.md` at the project root is what keeps design consistent across future sessions.

If a project already has its own `DESIGN.md`, treat it as the final say.

**IMPORTANT: Read the entire `DESIGN.md` file!**

When persisting, copy the full `DESIGN.md` content into the project — never a stub referencing this plugin's path.

## Relationship to Kendo Themes

This design system stands alone. The `@progress/kendo-theme-*` npm packages are an optional CSS implementation of these tokens, not a requirement.