Render dynamic forms from JSON configuration for vk-data-form components.
npx skills add https://github.com/caobingsheng/skills --skill vk-data-form
Please help me install this Agent Skill. Skill: vk-data-form Source: https://github.com/caobingsheng/skills/tree/main/skills/vk-data-form Command: npx skills add https://github.com/caobingsheng/skills --skill vk-data-form
vk-data-form provides a universal form component for vk-unicloud-admin that renders dynamic forms from JSON configuration, enabling rapid UI form creation without writing boilerplate for each form.
Provide a sample JSON config to render vk-data-form inside a dialog or standalone component and submit to a backend.
High-intent search queries and answers about installing and using this skill.
To render dynamic forms from JSON configuration, you define column definitions and validation rules in a JSON object, which the component uses to instantly build the UI. This enables rapid form creation without writing boilerplate markup for each field.
Building a dialog form using JSON involves specifying your field definitions and validation rules within a JSON config. The component supports both dialog-based and standalone modes, automatically applying validation during standard form lifecycle methods.
Yes, JSON-driven forms support conditional display and disabled rules directly within the configuration. You can also use slots for custom rendering, allowing flexible UI component behavior beyond the standard text, number, date, and select field types.
Handling data submission for dynamic forms utilizes standard form lifecycle methods provided by the component. Once the JSON validation rules pass, the form data is ready to be submitted directly to your backend through the built-in submission methods.
Yes, vk-unicloud supports rendering multiple complex field types in a single form. The JSON configuration can define various fields including text, number, date, select, and upload components, all managed within one unified dynamic form structure.
caobingshengCreate self-contained custom components for vk-unicloud-admin across form, table, and detail contexts.
RodrigoVeraCandiaGenerate Jasmine and Karma unit tests for Angular 19+ components and services.
caobingshengRender and manipulate Vue data grids with JSON-configured columns and slots.
ngocnhanvoCreate and validate React forms with react-hook-form and shadcn/ui.
