To be perfectly honest, I'm not sure what that means. I'm new to language design. I can describe what I'm trying to do.

I'm creating a UI description language for designers. The goal is to let them use terminology and mental models familiar to them to describe their designs in code, instead of a visual tool like Figma.

A trivial example would look something like this:

  component Button {
    elements
      shape btn-container
        text btn-label

    style btn-container
      fill-color: blue

    style btn-label
      content: Click Me
      text-color: white
  }

The output of the language would be an intermediate representation, I'm imagining a JSON object or something with a very specific schema. This can then be transpiled into any format the developer wants - you could build a transpilation target for React, Vue, Svelte, plain old html/css, etc etc.

So I'm in a weird spot where I know what I want to make, but I don't know any of the conventions or tools common in the language design world, because I'm just stepping into it.