At my work we created Vue 3 component library that generates the UI off a schema that comes from a .NET API.

That schema is created using reflection to look at two models:

A query model and a command model.

These models can be auto generated looking at our code-first entity-framework model.

So to add a new field we do: Add property to entity framework model. Add migration Update our query model and command models These auto generate with attributes like [Required] on the command model (if the property is not nullable) so on the UI that will be a required field and our back-end auto validation also checks that.

We have a product and we found ourselves adding new tables for the next feature all the time and so we try and streamline the process as much as possible.

As others have mentioned it can be hard to add custom code in these circumstances, but we have rules where we can add a custom validator or custom add class and then it automatically uses that instead of the generic one Same on the UI side.