바이브코딩으로 뭔가를 만들때
기능은 어떻게든 꾸역꾸역 구현이 됩니다.
기능이 구현되고 나면
UI를 살짝 이쁘게 만들고 싶은 마음이 생기는데
AI는 이때부터 말썽을 부리기 시작하죠.
고집도 부리고, 거짓말도 하고,
잘 돌아가던 부분을 맘대로 바꾸기도 하고….
그래서 아예 주요 UI 스타일을 처음부터 정해주고
시작하면 좋겠죠?
그런데 뭘 알아야 요청을 하죠
‘멋지게’, ‘세련되게’, ‘있어보이게’ …
이런 주관적인 단어가 아닌
9가지 영역에 걸친 부분을 명확하게
규정해서 마크다운 파일로 생성하고
이 마크다운 파일로 시작하면 고민 끝!
1 레이아웃 시스템
2 컬러 시스템
3 인터랙션 애니메이션
4 폰트 시스템
5 그리드 시스템
6 컴포넌트 스타일
7 공간 설계
8 반응형 전략
9 성능 최적화
긴 설명 필요 없고 그냥 아래 사이트에서
클릭 10번만 하면 됩니다.
바이브코딩 UI 마크다운 생성기 (초보자용)
https://jvibeschool.com/vibeUIgen/