How Do You Prompt Admin Page Designs

[wbmnfktr]

How do you prompt and guide Agents (or any AI tool) to get a good understanding of module pages?

Below are screenshots of what I currently have (finally).
Yet both could be much more beautiful or at least organised and looking more clean.
Sure I could go fully custom here but i want it to work with AdminThemeUiKit (and all existing flavours of it).

Do you add other modules as examples to the context or do you go this step as we did 5 years ago and code it yourself?

[maximus]

I tried adding examples, but it doesn't always work. Sometimes he often doesn't understand what needs to be implemented and how. Sometimes he's pulling hardcode, sometimes something else. 

I usually write prompt in AI "apply the design system to the module https://github.com/mxmsmnv/pw-design-system" and then it makes a more conscious design.

To ensure the design is consistent across both the old and new versions of the theme, you need to create a hardcoded framework like in my Collections module. Then it will look the same across all versions. If you write directly for the new design, some parts won't display in the old one. I've migrated almost all of my websites to the new theme.

Clients just need to get used to it, then they'll say it's so cool. I'd also make a colored header module in the admin panel, but that's a whole other story.

Design system https://mxmsmnv.github.io/pw-design-system/

[wbmnfktr]

🤯 this might actually be the solution to everything wrong in my modules.

I am not sure if I already read about it here somewhere but couldn't find it when looking up module theming/styling. 

I will give this a try. Might have to try a few variations as most projects, even new ones, still use the old styling.

[maximus]

[wbmnfktr]

So... the very first iteration looks like this.
Used a "Look there, apply to that"-prompt.
We wiill get there.

 

Now I have to dig a little bit deeper to fine-tune.

Big help already!

Thanks @maximus!