AI로 공유형 테스트(유형 검사) 만들기

준비물

• 컴퓨터
• Claude 무료 계정 (claude.ai), 또는 ChatGPT 무료 계정
• 테스트 주제 한 가지 (예: 나는 어떤 집사 유형, 우리 팀 회의 스타일)

이런 결과가 나옵니다

진행 표시줄이 있는 질문 화면, 유형별 결과 카드, 결과를 친구에게 보내는 버튼이 있는 테스트. 아래 데모는 "나의 AI 사용 유형" 테스트입니다.

따라 하기

1. 1

   테스트 주제 정하기

   내 주변 사람이 "나는 뭐 나왔어?" 하고 말할 만한 주제를 고릅니다. 예를 들면 "나는 어떤 집사 유형", "여행 갈 때 나는 어떤 사람", "우리 팀 회의 스타일" 같은 것입니다.

   팁주제가 너무 넓으면 질문이 밋밋해집니다. "여행 스타일"처럼 좁히는 쪽이 재미있습니다.

2. 2

   claude.ai에 들어가 로그인하기

   인터넷 창에서 claude.ai 를 열고 로그인합니다. ChatGPT를 쓴다면 chatgpt.com 입니다.

   이렇게 되면 성공아래쪽에 글을 쓰는 대화창이 보이면 됩니다.

3. 3

   프롬프트 붙여넣고 보내기

   아래 프롬프트에서 주제와 유형 이름을 내 것으로 바꾼 뒤 대화창에 붙여넣어 보냅니다.

   붙여넣을 프롬프트프롬프트 복사

   친구들과 돌려볼 성향 테스트를 만들어줘. 인터넷 창에서 바로 할 수 있게 파일 하나로 만들어줘.
   
   주제: 나의 AI 사용 유형
   - 질문 6개, 각 질문마다 선택지 4개
   - 선택지마다 네 가지 유형 중 하나에 점수가 쌓여. 가장 많이 쌓인 유형이 결과야
   - 유형 4개: 속전속결형, 감독관형, 설계자형, 실험가형
   - 결과 화면에는 유형 이름, 한 줄 소개, 설명 2문장, 추천 팁 2개
   - 결과 화면에 "결과 보내기" 버튼. 누르면 휴대폰에서는 공유 창이 뜨고, 컴퓨터에서는 결과 글이 복사돼
   - 위쪽에 몇 번째 질문인지 보여주는 진행 표시줄, 그리고 "다시 하기" 버튼
   - 휴대폰 화면에서 먼저 보기 좋게
   질문과 선택지, 유형 설명은 네가 재미있게 써줘. 말투는 담백하게, 과장 없이.

   내 것으로 바꿀 곳

   • 주제와 유형 이름 4개를 내 것으로 바꿉니다.
   • 질문 수(6개)와 유형 수(4개)를 바꿔도 됩니다. 유형이 많으면 질문도 늘려야 결과가 고르게 나옵니다.
   • "말투는 담백하게" 줄을 "친구끼리 쓰는 반말로"처럼 바꾸면 분위기가 달라집니다.

   더 자세히 지시하고 싶다면 (조금 기술적인 버전)

   이 버전 복사

   공유형 성향 테스트를 HTML 파일 하나로 만들어줘.
   주제: 나의 AI 사용 유형
   - 질문 6개, 각 질문에 선택지 4개. 선택지마다 S/A/P/C 중 하나의 점수
   - 가장 많이 나온 유형을 결과로 보여줌. 동점이면 마지막 질문에서 고른 유형
   - 결과 화면: 유형 이름, 한 줄 태그, 설명 2문장, 추천 팁 2개, "결과 복사" 버튼(navigator.share 되면 그걸 쓰고 아니면 클립보드)
   - 상단 진행 바, 다시 하기 버튼
   - og:title, og:description 메타 태그 포함
   - 모바일 우선, 외부 라이브러리 없이

   이렇게 되면 성공Claude는 화면 오른쪽에 결과물 창이 열리고 첫 번째 질문이 나타납니다.

   팁ChatGPT에서 코드만 길게 나오면 "바로 해볼 수 있게 Canvas로 보여줘"라고 말해보세요.

4. 4

   직접 끝까지 해보기

   결과물 창에서 질문 6개에 답해봅니다. 선택지를 다르게 골라 네 가지 유형이 다 나오는지도 확인하세요.

   이렇게 되면 성공질문이 넘어가고 마지막에 결과 카드가 뜨면 성공입니다. 유형이 한쪽으로만 나오면 다음 단계에서 고칩니다.

5. 5

   말로 고치기

   문구와 결과를 내 취향으로 다듬습니다. 결과 문구는 직접 읽어보고 어색한 곳을 고치는 게 좋습니다.

   팁이렇게 말하면 됩니다. "3번 질문을 더 웃기게 바꿔줘", "설계자형 설명을 한 줄 줄여줘", "어떤 선택을 해도 속전속결형만 나오네. 점수를 고르게 나눠줘", "결과 카드 배경을 연한 노란색으로"

6. 6

   결과 보내기 버튼 확인하기

   결과 화면의 "결과 보내기" 버튼을 눌러봅니다. 컴퓨터에서는 글이 복사되고 "복사되었습니다" 같은 안내가 떠야 합니다. 메모장에 붙여넣어 확인하세요.

   이렇게 되면 성공붙여넣은 글에 유형 이름과 한 줄 소개가 들어 있으면 성공입니다.

   팁링크를 만든 뒤 "보내기 글 끝에 이 주소를 넣어줘"라고 하면 받은 친구가 바로 테스트를 해볼 수 있습니다.

7. 7

   링크로 만들어 친구에게 보내기

   사진이나 신청 폼이 없는 테스트이므로 Claude의 Publish(게시) 버튼으로 충분합니다. 결과물 창 오른쪽 위 Publish를 눌러 링크를 복사해 카톡에 보냅니다. 자세한 순서는 아래 "링크로 공유하기"를 보세요.

   이렇게 되면 성공휴대폰에서 링크를 열어 테스트가 끝까지 되면 완성입니다.

막히면

다음에 해볼 것

• 유형별로 결과 이미지를 따로 만들어 두면 카톡 미리보기에 결과 카드가 뜹니다. 이미지 생성 도구로 유형마다 한 장씩 만들어보세요.
• 친구들이 어떤 유형이 많이 나왔는지 궁금해한다면 "결과 통계" 기능을 단계별로 더해보세요.

여기 쓰인 기능

다른 레시피