디자인 시스템
Design System / UI Library
버튼, 색, 글꼴, 여백 규칙을 미리 정해 둔 '디자인 규칙 모음'이에요.
💡 레고 설명서처럼 정해진 블록으로만 조립해서 통일감이 생겨요.
🤖 AI에게 이렇게 말해 보세요
UI는 'shadcn/ui' 컴포넌트를 기본으로 써 줘. 버튼, 입력창, 모달, 카드를 모두 같은 스타일로 맞추고 색과 둥근 정도는 한 곳에서 관리해 줘.
핵심은 ‘Design System / UI Library’라는 단어예요. 이 단어를 넣으면 AI가 훨씬 정확하게 알아들어요.
📌 알아 두면 좋아요
'shadcn/ui', 'Tailwind CSS', 'MUI' 같은 이름을 대면 AI가 바로 그 스타일로 만들어 줘요.
이럴 때 써요
- 페이지마다 버튼 모양이 다 달라질 때
- 처음부터 예쁜 부품을 쓰고 싶을 때
이렇게도 불러요: ui 라이브러리, shadcn, tailwind, 테일윈드, 부트스트랩, bootstrap, mui, 통일감, 스타일 가이드