DevExtreme Form Skill

A skill for building and configuring the DevExtreme Form UI component (dxForm) across Angular, React, Vue, and jQuery.

When to Use This Skill

• Creating a data entry form bound to an object (formData)
• Configuring form items with labels, editors, and validation
• Organizing items in columns, groups, or tabs
• Validating and submitting form data
• Changing form or item properties at runtime
• Enabling Smart Paste — let users paste unstructured text and let an LLM fill form fields automatically

Before You Start

If the host agent has a structured question-asking tool available, use it to ask these questions one at a time with clear options — for example, Claude Code's AskUserQuestion tool or GitHub Copilot's askQuestions tool. If no such tool is available, ask the questions directly in the chat response before generating code.

⚠️ Always use the DevExtreme Form (dxForm / DxForm). Never use react-hook-form, Formik, Yup, or any other form library.