# How I Build UIs with AI

A lot of people say UI work is difficult with AI, so I wanted to briefly share how I do it.

![]( align="center")

My workflow is:

1.  With `$design-ui`, the AI uses imagegen to create a mockup and asks for my approval.
    
2.  With `$add-issue`, it attaches the approved mockup and prompt to an issue.
    
3.  With `$slop-fix-batch`, it implements the issues in parallel.
    

![](https://cdn.hashnode.com/uploads/covers/64c9efa7b925449e35ee2318/e864c9c4-a074-4e75-81b8-68db4f817b00.png align="center")

The attached screenshot shows the AI presenting an imagegen mockup and asking for approval. Here’s the prompt I used, translated from Korean:

> I want to add appropriate animations to each screen in DeliDev. For each screen, $add-issue

The skills are in [kdy1/kdy1-scripts](https://github.com/kdy1/kdy1-scripts). You can see an actual issue created using `$add-issue` and `$design-ui` [here](https://github.com/delinoio/oss/issues/2789). The screenshots are in Korean.

For context, I merge into main without a separate review.