1. 작업 설명하기
Claude는 여러분 개인의 목표에 맞춘 맞춤형 인터랙티브 도구를 만들 수 있습니다. 원하는 경험과 인터페이스를 설명하면 Claude가 여러분이 생각한 기능과 느낌을 갖춘 맞춤형 앱을 디자인합니다.
무엇을 추적하거나, 정리하거나, 만들고 싶은지, 그리고 어떤 모습과 느낌을 원하는지 Claude에게 알려주세요.
제품이 아닌 인생 경험을 다루는, 아름답고 고급스러운 부티크를 둘러보는 듯한 느낌의 인터랙티브 "버킷리스트 빌더"를 만들고 싶습니다.
컨셉: "미래 목표 리스트를 만들어야겠다"는 생각을 좀 더 즐거운 것으로 바꿔보세요. 그냥 평범한 리스트가 아니라, 하나의 경험을 원합니다.
디자인: 세계 최고 수준의 iOS 앱처럼 보여야 합니다. 깔끔하고 의도적인 그래픽 디자인이어야 합니다. 모든 디테일(타이포그래피, 여백, 위계)이 세심하게 고민되고 다듬어진 느낌이어야 합니다. 최종 결과물은 감탄이 나올 정도로 멋져야 합니다.
포함할 내용: 카테고리별 경험; 특정 경험을 "My List"에 저장하기; 둘러보기와 저장한 항목 보기 사이를 전환하는 토글, 항목을 선택할 때의 만족스러운 인터랙션.
둘러볼 수 있는 아름다운 인생 경험들로 채워주세요. 그런 다음, 재미있는 추가 서프라이즈 요소도 넣어주세요!
2. Claude에게 맥락 제공하기
Claude는 대화 안에서 바로 인터랙티브 앱을 만들 수 있습니다. 더 정교한 디자인을 원한다면, 원하는 미적 방향성을 Claude에게 알려주는 것이 훨씬 더 좋은 결과를 만들어냅니다.
필요한 맥락
업로드나 외부 도구가 필요 없습니다.
3. Claude가 만드는 것
Claude는 여러분의 요구사항에 맞는 완전한 인터랙티브 애플리케이션을 만듭니다. 둘러볼 수 있고, 클릭할 수 있으며, 여러분이 원하는 디자인 기준에 맞게 스타일링됩니다.
고급스러운 부티크 느낌을 살린 버킷리스트 빌더를 만들었습니다. 제가 만든 내용은 다음과 같습니다:
디자인 접근 방식: SF Pro 타이포그래피 감성을 살린 깔끔한 iOS 스타일 미학, 넉넉한 여백, 호버 시 미묘한 입체감 변화를 적용했습니다. 색상 팔레트는 중립적으로 유지(#1C1C1E, #8E8E93, #F2F2F7)하여, 경험에 대한 설명 자체가 상상력을 통해 색채가 되도록 했습니다.
기능:
- Wonder, Adventure, Craft, Achievement 카테고리별 필터링
- Browse와 My List 보기 간 전환, 각 경험 카드에는 소요 시간과 상대적 비용이 표시되며, 부드러운 호버 상태와 만족스러운 저장 인터랙션
- 오로라부터 일본 다도까지 다양한 엄선된 경험들
카드를 클릭하면 리스트에 추가됩니다. 저장된 개수는 자동으로 업데이트됩니다. 카테고리별로 필터링해 본 다음, My List로 전환해서 여러분이 엄선한 컬렉션을 확인해 보세요.
스타일을 조정하거나, 경험을 더 추가하거나, 카테고리 작동 방식을 바꿔드릴까요?
4. 후속 프롬프트
Claude와의 대화를 이어가며 다듬고, 확장하고, 더 깊이 탐구해 보세요.
꿈을 계획으로 바꾸기
이 앱을 단순한 리스트가 아니라 실행의 발판으로 만드세요. 클릭하면 미래의 Claude 대화를 위한 바로 사용 가능한 프롬프트를 생성해 주는 버튼을 추가하세요. 이 프롬프트에는 추구하고 싶은 경험에 대한 맥락이 미리 채워져 있습니다.
저장된 각 카드에 'Make this happen' 버튼을 추가해 주세요. 클릭하면 새로운 Claude 채팅에 복사해 넣을 수 있는 프롬프트를 보여주세요. 이 프롬프트에는 경험 이름과 제 설명이 포함되어야 하며, 그 경험을 이루는 데 도움이 되도록 Claude에게 리서치를 요청하는 내용이어야 합니다.
다음에 할 일에 대한 제안 받기
Claude의 지능을 앱에 직접 내장하세요. 아티팩트는 Claude를 호출해 여러분의 선택을 분석하고 즉석에서 새로운 추천을 생성할 수 있습니다. 이는 정적인 로직이 아니라, Claude가 여러분의 도구 안에서 직접 사고하는 것입니다.
'Surprise me with something new' 버튼을 추가해 주세요. 탭하면 앱이 제가 저장한 경험들을 Claude에게 보내고, 제가 아직 고려하지 않은 것 중 하나를 제안하도록 요청해 주세요. 제가 선택한 항목들의 패턴에 맞는 것이어야 하며, Claude의 추론 과정도 함께 보여주세요.
애니메이션과 개인화 추가하기
모션과 작은 개인적 터치는 프로토타입과 실제로 쓰고 싶은 것의 차이를 만듭니다. 인트로 애니메이션, 호버 효과, 또는 여러분에게 맞춰 경험을 조정해 주는 설정 화면을 요청해 보세요.
제 이름과 생일을 묻는 최초 설정 화면을 추가해 주세요. 헤더에 제 이름을 사용하고, 눈에 띄지 않게 어딘가에 제 나이를 계산해서 보여주세요. 무언가를 완료로 표시하면, 카드가 수백 개의 작고 녹아내리는 입자로 터지는 애니메이션을 보여주되, 카드의 색상은 유지해 주세요. 만족스러운 느낌으로 만들어 주세요.
5. 팁, 요령, 문제 해결
빠른 참고 자료로 사진 활용하기
마음에 드는 앱의 스크린샷을 업로드하세요. "이런 느낌으로 만들어줘"라고 하면, 처음부터 미적 요소를 설명하는 것보다 Claude에게 더 많은 참고 자료를 줄 수 있습니다. 아티팩트를 스크린샷으로 찍어 특정 부분을 표시할 수도 있습니다: "이 부분이요. 이걸 고쳐주세요."
여러분의 아티팩트는 생각할 수 있습니다
아티팩트는 정적인 콘텐츠를 표시하는 데 그치지 않고 Claude를 직접 호출할 수 있습니다. 즉, 여러분의 앱이 저장한 내용을 분석하고, 개인화된 제안을 생성하고, 맞춤형 텍스트를 작성하거나, 여러분이 하는 행동에 반응할 수 있다는 뜻입니다. 도구가 단순히 표시만 하는 것이 아니라 추론하기를 원한다면, Claude에게 "앱에 AI를 내장해줘" 또는 "앱이 Claude를 호출하게 해줘"라고 요청해 보세요.
잘 되는 것을 재사용하기
마음에 드는 미적 스타일을 찾았다면, Claude에게 다른 곳에도 적용해 달라고 요청하세요. "이 디자인 시스템을 독서 목록 트래커에도 똑같이 적용해줘" 또는 "이 비주얼 스타일 그대로 선물 아이디어 앱을 만들어줘"처럼요. 느낌을 정의하는 어려운 작업은 이미 끝냈으니까요.
6. 직접 시도해 볼 준비가 되셨나요?
여러분이 탐구하고 배우는 방식에 맞춘 맞춤형 인터페이스로 인터랙티브 도구를 만들어보세요. Claude와 함께 아이디어를 설명하고 다듬어 여러분에게 유용한 도구를 만들어보세요.