소개 페이지 꾸미기

유저가 캐릭터를 처음 만나는 곳은 대화방이 아니라 홈 카드와 소개 페이지예요. 여기서 끌리지 않으면 대화까지 오지 않아요.

이럴 때 필요해요

아쉬운 예
짧은 소개: "다정한 남자친구와의 일상." 어떤 작품과도 구별되지 않아요.

좋은 예
짧은 소개: "3년 전 나를 버린 약혼자가, 이번엔 내 경호원이 되어 돌아왔다." 관계와 갈등이 한 줄에 보여요.

커버 이미지는 홈에서 **세로로 긴 카드(2:3)**로 잘려 보여요. 얼굴이 위쪽 3분의 2 안에 오도록 고르면 잘리지 않아요.

첫 단계 프로필 맨 위에서 커버 이미지와 짧은 소개를 넣어요.
마지막 단계 상세정보의 상세 설명은 그냥 글로 써도 되고, 꾸미고 싶다면 HTML 소개 자동생성을 눌러 초안을 받아요.
직접 만들고 싶다면 HTML 작성 규칙 보기 → AI에게 붙일 규칙 복사를 눌러요. 복사한 규칙을 ChatGPT나 Claude에 붙여 넣고 "이 캐릭터 소개 페이지를 만들어 줘"라고 하면, 앱에서 그대로 보이는 HTML이 나와요.
첫 단계 프로필의 추천 페르소나에 "같은 반 친구", "라이벌 토론부 에이스"처럼 유저가 맡으면 재미있을 역할을 넣어요.

소개 페이지는 휴대폰에서 가장 많이 봐요. 앱에서 안전하게 보이도록 몇 가지는 막혀 있어요.

되는 것: 글자 크기·색·배경 같은 꾸밈(<style>, style=""), 외부 https 이미지(<img>), 표·목록·제목, 펼치기(<details>), 마우스를 올리면 바뀌는 효과, 사진 넘기기(scroll-snap).
안 되는 것: 자바스크립트와 다른 사이트를 끼워 넣는 창(<iframe>)은 저장할 때 지워져요. 페이지 안 # 링크 이동도 앱에서는 동작하지 않아요.
**폭은 휴대폰 기준(360px)**으로 잡고, 고정된 px 대신 %를 써요. 옆으로 스크롤되면 보기 불편해요.
이미지에는 max-width:100%를 주세요.
첫 글자가 <가 아니면 마크다운으로 읽어요. 이때는 <style>이 적용되지 않으니, 꾸미려면 HTML 태그로 시작하세요.
길이는 공백과 태그를 합쳐 최대 30,000자예요.

PC에서는 예쁜데 휴대폰에서 깨져요

넣은 영상이나 위젯이 안 보여요