소개
지난 주에 만들었던 Figma를 이용한 AI 기반 나만의 맞춤형 명상 랜딩페이지를 Claude와 AIStudio에서 똑같은 프롬프트를 넣고 비교해보았습니다.
진행 방법
Claude와 AIStudio를 사용했고, 프롬프트는 다음과 같습니다.
/
학생 각자의 평소 관심사와 그날의 감정 상태를 반영하여, 교과 학습에 몰입하거나 마음을 안정시켜 주는 음악을 자동 선곡‧재생하는 명상 앱의 랜딩페이지를 만들어줘
/
결과와 배운 점
Claude
마음가짐
AIStudio
한국어로 된 Brain Boat 웹사이트의 스크린샷
한국어 텍스트가 있는 페이지의 스크린샷
Figma와 Claude는 보라색 계열을, AIStudio는 파란색을 선호하는 것 같다.
Figma는 학생 이미지를 넣어달라고 했을 때 실사를 이용했지만, Claude는 그림을, AIStudio는 실제 반영했다고 했지만 이해할 수 없는 다른 그림(포크, 산, 선착장 등)이 나왔다.
AIStudio는 집중력 향상을 경험한 학생과 선생님들의 생생한 후기를 제공했다.
같은 프롬프트라도 목적에 따라 프로그램을 활용하는 것이 좋을 것 같다. 예를 들어 실사가 필요한 경우는 Figma, 다양한 이모티콘의 활용으로 친근감을 주고 싶을때는 Claude, 홍보 예시가 필요할때는 AIStudio가 좋을 것 같다.
다음주는 오늘 배운 GitHub을 연결해보는 것을 시도해보고 싶다.
도움 받은 글 (옵션)
참고한 지피터스 글이나 외부 사례를 알려주세요.
강성준 스터디장님, Jun 스터디장님, 버디님 수업 내용