kendo-react-getting-started

Creates a new KendoReact project from scratch or adds KendoReact to an existing project. Use when the user wants to set up, scaffold, bootstrap, or get started with a React application using KendoReact. Trigger on "create new React project", "set up KendoReact", "add KendoReact to my app", "scaffold React with Kendo", "getting started with KendoReact", "bootstrap React project", "install kendo-react".

Jump to install

Repository: telerik/ai-plugins
Last source activity: May 18, 2026 at 12:21
Detected SKILL.md language: English
Stars: 1
Forks: 0

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/telerik/ai-plugins --skill kendo-react-getting-started

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

File Explorer

3 files

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

KendoReact — Getting Started

Arguments

Usage: /kendo-react-getting-started [mode] [project-name] [--theme=<theme>]

[mode]: new (default) — create a brand-new project with the Kendo CLI, or existing — add KendoReact to an existing project

[project-name]: The name for your project (default: kendo-react-app). Only used in new mode.

[--theme=<theme>]: One of default (default), bootstrap, material, fluent

Instructions

Determine the mode from $ARGUMENTS:

If $ARGUMENTS contains existing, add, existing-project, or add-to-existing (case-insensitive) → read and follow existing-project.md
Otherwise → read and follow new-project.md (this is the default)

Extract the project name from $ARGUMENTS. If no name is provided, use kendo-react-app.

Extract the theme from $ARGUMENTS (e.g., --theme=bootstrap). If no theme is provided, use default.

Replace every placeholder in the loaded setup file:

<project-name> → the actual project name
<theme> → the chosen theme (default, bootstrap, material, or fluent)
<theme-package> → the npm package for the theme:
- default → @progress/kendo-theme-default
- bootstrap → @progress/kendo-theme-bootstrap
- material → @progress/kendo-theme-material
- fluent → @progress/kendo-theme-fluent
<theme-display> → the human-readable name:
- default → Default
- bootstrap → Bootstrap
- material → Material Design
- fluent → Fluent UI

Run all commands sequentially. Do not skip any step.

After completing all steps, run the application and keep it running.

name	kendo-react-getting-started
description	Creates a new KendoReact project from scratch or adds KendoReact to an existing project. Use when the user wants to set up, scaffold, bootstrap, or get started with a React application using KendoReact. Trigger on "create new React project", "set up KendoReact", "add KendoReact to my app", "scaffold React with Kendo", "getting started with KendoReact", "bootstrap React project", "install kendo-react".
allowed-tools	Bash