devextreme-form

Implement DevExtreme Form components across Angular, React, Vue, and jQuery.

39|7|Updated Jun 2, 2026
One-click install
npx skills add https://github.com/DevExpress/agent-skills --skill devextreme-form
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: devextreme-form
Source: https://github.com/DevExpress/agent-skills/tree/main/plugins/dx-devextreme/skills/devextreme-form
Command: npx skills add https://github.com/DevExpress/agent-skills --skill devextreme-form

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill eliminates the guesswork, API errors, and inconsistent implementations developers face when building DevExtreme Form components across different web frameworks, ensuring AI assistants generate accurate, framework-aligned code without hallucinations.

Core Features & Use Cases

  • Cross-framework support: Provides implementation guidance for Angular, React, Vue, and jQuery.
  • Full form configuration: Covers data binding, item layout (columns, groups, tabs), validation rules, and form submission workflows.
  • AI-powered functionality: Includes setup instructions for Smart Paste to auto-fill forms from unstructured text input.
  • Runtime flexibility: Guides on updating form properties and field values programmatically after initialization.

Quick Start

Use this skill to generate a validated, two-column DevExtreme Form bound to an employee data object with name, email, and hireDate fields for your React application.

Frequently Asked Questions about devextreme-form

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure DevExtreme form validation rules in React?

To configure form validation in React, the DevExtreme Form component supports built-in validation rules for data-bound fields. This skill provides implementation guidance to ensure correct API usage for validation and submission workflows without third-party libraries.

Can I build DevExtreme web forms across Angular, Vue, and jQuery?

Yes, you can build web forms across Angular, Vue, and jQuery. This skill provides cross-framework implementation guidance for the DevExtreme Form component, covering data binding, layout customization, and runtime updates for each specific environment.

What is the best way to auto-fill form fields from unstructured text?

The best way to auto-fill form fields from unstructured text is using the AI-powered Smart Paste functionality. This skill includes setup instructions to automatically populate your DevExtreme forms from unstructured text input data.

How do I update DevExtreme form field values programmatically after initialization?

To update DevExtreme form field values programmatically after initialization, you modify the bound data object and update form properties at runtime. This skill guides you through runtime flexibility techniques for your specific web framework.

Does this DevExtreme form implementation guide prevent AI code hallucinations?

Yes, this implementation guide prevents AI code hallucinations by ensuring adherence to framework-specific conventions and DevExtreme 26.1+ compatibility. It eliminates inconsistent implementations and third-party form library dependencies.

How do I create a multi-column layout with tabs in a DevExtreme form?

To create a multi-column layout with tabs in a DevExtreme form, you use the full form configuration options for item layout. This skill covers columns, groups, and tabs to help you customize your form layout accurately.