# AI로 UI 작업하는 내 방식

AI로 UI 작업하기 힘들다는 사람이 많아서, 내가 작업하는 방식을 짧게 공유한다.

나는 다음 순서로 작업한다.

1.  `$design-ui`로 AI가 imagegen을 써서 시안을 만들고, 내 승인을 받는다.
    
2.  `$add-issue`로 승인한 시안과 프롬프트를 이슈에 첨부한다.
    
3.  `$slop-fix-batch`로 병렬 구현한다.
    

![](https://cdn.hashnode.com/uploads/covers/64c9efa7b925449e35ee2318/98a15a69-2f16-4695-a10c-729366b82c0c.png align="center")

첨부한 스크린샷은 AI가 imagegen으로 만든 시안을 보여주고 승인을 요청하는 예시다. 이때 내가 입력한 프롬프트는 다음과 같다.

> DeliDev의 각 화면에 적절한 애니메이션을 넣고 싶어. 화면별로 $add-issue

스킬은 [kdy1/kdy1-scripts](https://github.com/kdy1/kdy1-scripts)에 있다. `$add-issue`와 `$design-ui`가 사용된 실제 이슈는 [여기](https://github.com/delinoio/oss/issues/2789)에서 볼 수 있다. 스크린샷은 한국어다.

참고로 나는 별도 리뷰 없이 메인에 머지한다.