AI agent skills for DevExpress products — DevExtreme (JavaScript/Angular/React/Vue/jQuery), Blazor Components, WPF Controls, DevExpress Reports, Office & PDF File API, and XAF. Each skill encodes correct APIs, import paths, and ready-to-run code examples to help GitHub Copilot, Claude Code, and other AI assistants…
Generate and configure DevExpress Blazor AI Chat (DxAIChat) — an AI-powered chat UI for Blazor apps. Use for building conversational assistants, integrating providers (OpenAI, Azure OpenAI, Ollama, or custom), configuring system prompts and suggestions, streaming responses, attachments, Markdown rendering, and…
Generate and configure DevExpress Blazor Charts (DxChart, DxPieChart, DxPolarChart) for common chart types (line/bar/area/pie/donut/scatter/bubble/financial), data binding, axes, series, labels, tooltips, legends, annotations, zoom/pan, palettes, selection, and export/print. Also use for Blazor charts, data…
Build and configure the DevExpress Blazor ComboBox (DxComboBox) — a drop-down/select editor for Blazor Server, WebAssembly, and Hybrid apps. Use for data binding (sync/async), searching/filtering, grouping, virtualization, multi-column item lists, templates (item/edit box), validation in EditForm, Clear button and…
Generate and configure DevExpress Blazor visualization components such as DxBarGauge, DxRangeSelector, DxSankey, DxSparkline, and DxMap. Use when building dashboards with gauges and range selection, Sankey flow diagrams, sparklines/mini charts, and interactive maps (data binding, labels, palettes…
Build and configure the DevExpress Blazor Grid (DxGrid) — a full-featured data grid for Blazor Server, WebAssembly, and Hybrid apps. Use when binding tabular data (IEnumerable/IQueryable/EF Core/server-mode/custom sources), enabling sorting/filtering/grouping/search, implementing CRUD editing (row/edit…
Build and configure the DevExpress Blazor Pivot Table (DxPivotTable) — an interactive pivot grid / cross-tab analysis component for Blazor. Use for pivot-style row/column aggregation (sum/count/avg/min/max), field layout (area/area index), date grouping (year/quarter/month), interactive filtering, and building…
Build and configure the DevExpress Blazor Ribbon (DxRibbon) — an Office-style tabbed command UI for Blazor. Use when creating ribbon tabs, groups, and items; application menu (File); contextual tabs; toggle/check items and radio groups; and embedding editors like combo boxes, spin edits, and color palettes. Also use…
Build and configure the DevExpress Blazor Scheduler (DxScheduler) — a calendar/appointment scheduling component for Blazor Server, WebAssembly, and Hybrid apps. Use for day/week/work-week/month/timeline views; data binding via DxSchedulerDataStorage and AppointmentMappings; appointment creation, editing, deletion…
Build and configure the DevExpress Blazor Toolbar (DxToolbar) — an adaptive command bar for Blazor apps. Use when adding toolbars/command bars, configuring DxToolbarItem buttons, drop-down menus, overflow/adaptivity, icons/tooltips/links, checked and radio-group items, data binding, item templates…
Build and configure the DevExpress Blazor TreeList (DxTreeList) — a hierarchical data grid / tree grid for Blazor Server, WebAssembly, and Hybrid apps. Use when displaying tree-structured or parent-child data; binding flat data with KeyFieldName, ParentKeyFieldName, and RootValue; expanding/collapsing nodes; sorting…
Help developers use the DevExtreme Button component (dxButton) in Angular, React, Vue, and jQuery. Use when someone asks about Button configuration, click handling, icons, styling, button types, form submission, validation, custom templates, or any scenario involving dxButton or DxButton. Trigger phrases: "DevExtreme…
Help developers use the DevExtreme Chat component (dxChat) in Angular, React, Vue, and jQuery. Use when someone asks about Chat configuration, rendering messages, managing users, typing indicators, alerts, message editing, Markdown support, suggestion buttons, AI service integration (OpenAI, Azure, Dialogflow), popup…
Help developers use the DevExtreme CheckBox component (dxCheckBox) in Angular, React, Vue, and jQuery. Use when someone asks about CheckBox configuration, value states, three-state behavior, labels, value change events, or any scenario involving dxCheckBox or DxCheckBox. Trigger phrases: "DevExtreme CheckBox"…
Help developers use the DevExtreme DataGrid component (dxDataGrid) in Angular, React, Vue, and jQuery. Use when someone asks about DataGrid configuration, columns, data binding, editing, filtering, sorting, grouping, selection, paging, scrolling, summaries, export, toolbar customization, column templates…
Help developers configure the DevExtreme data layer: DataSource, ArrayStore, LocalStore, ODataStore, and CustomStore. Use when someone asks about binding components to data, loading data from a REST API, configuring an OData endpoint, implementing a custom data source, client-side vs server-side data processing…
Help developers use the DevExtreme DateBox component (dxDateBox) in Angular, React, Vue, and jQuery. Use when someone asks about DateBox configuration, date/time/datetime types, value formatting, date range limits, disabled dates, value change events, or any scenario involving dxDateBox or DxDateBox. Trigger phrases…
Help developers use the DevExtreme Form component (dxForm) in Angular, React, Vue, and jQuery. Use when someone asks about Form configuration, formData binding, simple items, editor types, editorOptions, groups, columns, tabs, validation rules, form submission, runtime changes, custom item templates, Smart Paste, AI…
Help developers use the DevExtreme NumberBox component (dxNumberBox) in Angular, React, Vue, and jQuery. Use when someone asks about NumberBox configuration, value limits, formatting, spin buttons, masks, value change events, or any scenario involving dxNumberBox or DxNumberBox. Trigger phrases: "DevExtreme…
Build calendar/scheduling UI with DevExtreme Scheduler. Covers data binding and field mapping, view configuration, appointment types (one-time, all-day, recurring), editing, resources and grouping, remote data with lazy loading, toolbar customization, and templates.
Help developers use the DevExtreme SelectBox component (dxSelectBox) in Angular, React, Vue, and jQuery. Use when someone asks about SelectBox configuration, data binding, valueExpr, displayExpr, search, custom items, grouping, value change events, or any scenario involving dxSelectBox or DxSelectBox. Trigger phrases…
Help developers use the DevExtreme TextArea component (dxTextArea) in Angular, React, Vue, and jQuery. Use when someone asks about TextArea configuration, multiline input, auto-resize, height limits, value binding, value change events, or any scenario involving dxTextArea or DxTextArea. Trigger phrases: "DevExtreme…