DevExpress AI Skills is a public repository of reusable agent skills for DevExpress products (including DevExtreme). DevExtreme-specific skills are located in the skills folder of the DevExpress/agent-skills repository and are designed for AI coding assistants, such as GitHub Copilot, Claude Code, Cursor, and JetBrains AI Assistant.

Use these skills when you want an AI assistant to follow DevExpress-specific patterns, use feature/task-specific APIs, and generate code that corresponds to the product and framework with which you are working.

What Each Skill Contains

• Product-specific guidance for common DevExtreme scenarios
• Correct API names, import paths, and configuration patterns
• Ready-to-run examples for common scenarios
• Reusable instructions you can copy into a project-level or global skills folder

DevExtreme Skills

This repository includes skills for the following DevExtreme components and features:

• DataGrid
• Scheduler
• Form
• Chat
• Button
• SelectBox
• DateBox
• CheckBox
• NumberBox
• TextBox
• TextArea
• DataSource
• Theming

How to Use the Repository

1. Open the skills folder in the DevExpress/agent-skills repository.
2. Copy all skill folders you need to your AI assistant's skills directory.
3. Start a chat in agent mode and ask a product-specific question.

For agent-specific and IDE-specific setup instructions, refer to the repository README.

Use the following prompts with DevExpress AI Skills to build parts of your application. Copy a prompt, paste it into your AI assistant, and adjust it to fit your requirements.

DataGrid

Create a DataGrid with the following features:
- Sorting
- Filtering
- Paging
- Editing
- Exporting
Use SelectBox for filtering one of the column's values.

AI Chat

Create an AI-powered chat interface using the DevExtreme Chat component. 
Add Regenerate and Copy buttons to each message using the messageTemplate option.

Scheduler

Create a meeting room booking app using the DevExtreme Scheduler component.
Add Day, Week, and Month views, and group appointments by room using resources.
Use the appointmentTemplate option to display the organizer's name in each appointment.

Form

Create a registration form using the DevExtreme Form component. 
Include fields for username, email, password, and confirm password.
Add validation rules to ensure all fields are filled out correctly.

Theme Switching

Create a theme switcher component with sun and moon icons. 
Allow users to toggle between the Fluent light and dark themes dynamically.