04 - 상세 정보

상세 정보 탭은 캐릭터와 작품의 성격을 구체적으로 적는 곳입니다. 기본 정보가 작품의 겉모습이라면, 이 탭은 캐릭터의 내면과 핵심 설정을 잡는 공간입니다.

  • 등장인물 설정 정리

  • 외모, 성격, 말투 구체화

  • 세계관 및 분위기 보강

  • LLM이 이해하기 쉬운 구조로 설정 입력

  • 상세 프롬프트: 최대 50,000자

캡션: 상세 정보 탭에서는 캐릭터와 작품의 구체적인 설정을 정리할 수 있습니다.

텍스트 서식과 마크다운(Markdown) 양식을 간편하게 입력할 수 있는 도구 모음입니다.

  • 마크다운 서식 지원: H1, H2, H3 등의 헤더와 다양한 텍스트 서식을 클릭 한 번으로 편리하게 적용할 수 있습니다.

  • 치환 변수 간편 입력: 유저와 캐릭터를 지칭하는 변수({{user}}, {{char}})를 특수문자로 일일이 타이핑할 필요 없이, 버튼 클릭만으로 즉시 삽입할 수 있습니다.

등장인물의 외모, 성격, 말투, 특징 등을 자유롭게 적을 수 있습니다.

  • 처음부터 문법이나 형식을 완벽하게 맞추려 하지 않아도 괜찮습니다.

  • 평소 쓰는 자연어로 편하게 먼저 적어본 뒤, 필요한 부분을 에이전트와 함께 조금씩 보완해 나가는 방식을 추천합니다.

무엇부터 적어야 할지 막막하다면 아래 항목을 중심으로 가볍게 시작해 보세요.

  • 인물 정보 (이름, 나이, 직업 등)

  • 성격 및 키워드

  • 주요 말투와 대사 톤

  • 주변 인물과의 관계성

  • 주의하거나 강조할 행동 패턴


상세 프롬프트나 로어북에 "이럴 때는 표 형태로 정리해서 보여줘" 같은 지침을 적으면, 에이전트가 답변 안에 HTML을 직접 출력하도록 만들 수 있습니다. 명령어(/상태, /일지 등) 형태의 출력물을 만들 때 자주 쓰는 방식입니다.

상세 작품 소개 HTML

채팅 HTML

JSX 컴포넌트

표시 위치

작품 소개 페이지

채팅 답변 안

채팅 답변 안

누가 만드나

제작자가 직접 작성

AI가 매 턴 생성

제작자가 등록, AI는 호출만

CSS

<style> 블록 가능

인라인 style만

<style>·Tailwind 가능

사용량(토큰)

영향 없음

매 턴 HTML 전체가 출력 토큰으로 과금

코드는 과금 없음

안정성

항상 동일

모델이 형식을 어기면 깨짐

형식이 고정되어 안정적

상태창처럼 매 턴 반복해서 보여줄 UI라면 JSX 컴포넌트를 권장합니다. 채팅 HTML은 AI가 매번 코드를 새로 써야 해서 출력 토큰이 늘어나고, 모델에 따라 형식이 깨질 수 있습니다. 반대로 가끔 한 번씩 나오는 특수 출력물(보고서, 편지, 커뮤니티 화면 등)에는 채팅 HTML이 간편합니다.

1. 코드블록으로 감싸지 않기 (가장 흔한 실수)

프롬프트에 "결과를 ```html 코드블록 안에 넣어라"라고 적으면 화면에 코드 글자 그대로 표시됩니다. 코드블록은 "렌더링하지 말고 글자로 보여줘"라는 뜻이기 때문입니다. 아래처럼 반대로 적어 주세요.

md

XML

2. CSS는 인라인 style 속성만

채팅 화면에서는 <style> 블록이 제거됩니다. 따라서 class 선택자나 @keyframes 애니메이션은 동작하지 않습니다. 색상·여백·정렬은 태그마다 style="..."로 직접 지정해 주세요.

html

HTML

3. 사용할 수 있는 태그

div p span br hr b strong i em s del ins code pre blockquote q kbd h1~h6 ul ol li dl dt dd table thead tbody tfoot tr th td img a details summary picture section sub sup ruby

사용할 수 없는 태그: <style> <script> <button> <svg> <video> <audio> <iframe> <canvas> <form> <select> <textarea>

4. 그 외 주의사항

  • 이벤트 속성(onclick 등)과 javascript: 링크는 제거됩니다. 버튼이 필요하면 JSX 컴포넌트의 sendMessage()를 사용해 주세요.

  • id는 표시 과정에서 자동으로 이름이 바뀌므로, id 기반 앵커 이동은 동작하지 않습니다.

  • 이미지는 외부 URL(<img src="https://...">) 또는 이미지 탭의 {{이미지코드}}를 사용할 수 있습니다.

HTML은 태그 형식이 정확해야 화면에 그려집니다. 경량 모델이나 구조화된 출력에 약한 모델은 태그를 닫지 않거나 코드블록을 습관적으로 붙여서 결과가 깨질 수 있습니다.

  • 복잡한 HTML 출력이 필요하면 Gemini 3.1 Pro, Claude(Opus) 계열 등 상위 모델을 권장합니다.

  • 한 번 잘못된 형식으로 출력되면 다음 턴에도 그 형식을 따라가는 경향이 있습니다. 이때는 해당 메시지를 직접 수정해 형식을 바로잡아 주세요.

  • 지침에 "주석(<!-- -->)을 넣지 말 것"을 함께 적어두면 더 안정적입니다.

XML