바이브코딩 Canva AI[일정관리, 감사일기장 , MBTI 만들기]

1. 프레임워크 및 구조 향상 프롬프트
Tailwind CSS를 이용해서 디자인해줘
CSS Grid를 활용해서 콘텐츠를 정렬해줘
Firebox를 사용해 반응형 레이아웃으로 구성해줘
카드형 UI로 콘텐츠를 구성해줘
Hero 섹션에 대형 배경이미지와 CTA버튼을 추가해줘


2. 아이콘 및 시각 요소 향상
Font Awesome을 이용해서 아이콘도 붙여줘.
각 섹션에 어울리는 아이콘을 추가해줘
버튼에 아이콘과 텍스트를 함께 넣어줘
사용자 지정 커서 디자인을 추가해줘

3. 디자인 트렌드 바꾸기
글래스모피즘 느낌으로 디자인을 바꾸줘
뉴모피즘 스타일로 UI를 구성해줘
다크 모드 스타일로 구성해줘
모던하고 미니멀한 느낌으로 디자인해줘
브루탈리즘 스타일로 바꿔줘
사이버펑크 스타일로 네온 디자인을 적용해줘
머티리얼 디자인 가이드에 맞게 구성해줘
레트로 감성의 디자인으로 바꿔줘
배경에 부드러운 그라디언트를 넣어줘
섹션마다 배경색을 다르게 설정해줘

일정관리
Tailwind CSS를 이용해서 디자인해줘 밝은톤으로 일정관리 앱을 만들어줘 Font Awesome을 이용해서 아이콘도 붙여줘. 화면 상단에 제목과 달력을 만들고 하단에 일정 내용을 입력할 수 있는 입력필드를 구성해줘. 입력한 내용은 하단에 리스트형식으로 보이드록 디자인해줘. 리스트에 있는 것은 선택하여 제거할수 있는 버튼을 만들어줘

자리배치 
자리 배치 앱을 만들어줘. 우리반 남학생은 12명이고 이름은 A부터Z중에 무작위로 나열해도되, 여학생도 12명이고 ㄱ부터ㅎ중에 무작위로 나열해도 되. 교실 앞쪽에는 칠판을 만들고, 학생 책상은 가로 6개 * 세로 4개로 배치해줘. 왼쪽부터 두열씩 같은색으로 구분해줘. 같은 색의 첫번째열에는 남학생, 두번째 열에는 여학생을 배정해줘. 앞자리부터 채우고, 남는 자리(빈자리)는 뒤쪽에 두도록 해. 버튼을 누르면 랜덤자리 배정이 다시 이루어 지도록 해줘. Tailwind CSS를 이용해서 밝고 경쾌한 톤으로 디자인하고, Font Awesome 아이콘도 활용해줘.

 

MBTI 
MBTI검사 앱을 만들어줘. 초등학생 대상으로 MBTI 질문을 생성하고 학생 응답을 받도록 해줘. 질문지는 한페이지에 객관식 체크를 할 수 있도록 하고, 저장하기 버튼을 누르면 분석 페이지가 나오도록 해줘. 분석 페이지에는 응답자의 MBTI 유형이 나오고 성격의 강점, 약점, 학습방법 , 추천 작업 등 재미있는 정보가 제공 되어야 해 Tailwind CSS를 사용해서 디자인해 주고 Canva AI 화면과 비슷한 색상이면 좋겠어

 

감사일기장 
Tailwind CSS를 이용해서 밝은 톤으로 감사 일기장을 만들어줘. Font Awesome을 이용해서 아이콘도 붙여줘 화면 상단에 제목과 달력을 만들고 하단에 감사 내용을 입력할 수 있는 Input field를 구성해줘. 로컬 스토리지에 내용이 저장되도록 하고, 감사 일기 내용이 저장된 날은 달력에 표시를 해줘