내 채팅에 직접 위젯을 붙일 수 있습니다!

상태창, 호감도, 인벤토리, 퀘스트, 선택지 등 원하는 JSX 위젯을 만들어 내 채팅에서 사용할 수 있습니다.

■ 어떻게 쓰나요?

1. 채팅에서 프로필 → 위젯 → 새 위젯

2. JSX 코드 붙여넣기

3. 언제, 어떻게 호출할지 지침 작성

4. 저장 후 사용할 위젯 ON

코드를 모른다면 아래 Gems에 원하는 위젯을 설명하고, 나온 코드를 그대로 붙여넣어도 됩니다.

👉 유니챗 JSX용 Gemini Gems

■ JSX 코드와 호출 지침은 뭐가 다른가요?

JSX 코드는 위젯의 모양과 기능을 만듭니다.
색상, 게이지, 버튼, 표시할 항목 등이 여기에 들어갑니다.

AI는 이 코드를 직접 읽지 않습니다.

반대로 호출 지침은 AI에게 전달됩니다.
“언제 위젯을 띄울지”, “각 값에 무엇을 넣을지”를 여기에서 정합니다.

예를 들어 상태창 코드에 hp, location이라는 값이 있다면:

전투나 장소 변화가 있을 때 <{{component}} hp={0} location={"..."} />를 응답 마지막에 출력하세요.
hp에는 현재 체력, location에는 현재 장소를 넣으세요.

■ {{component}}는 뭔가요?

위젯을 실제로 호출하는 자리입니다.

JSX 코드를 붙여넣으면 유니챗이 코드의 props를 읽어

<{{component}} hp={0} items={[]} status={"..."} />

같은 기본 호출 형식을 자동으로 만들어 줍니다.

실제 채팅에서는 {{component}}가 해당 위젯의 내부 이름으로 자동 치환됩니다.
따라서 직접 컴포넌트 이름을 외울 필요는 없습니다.

다만 호출 지침을 수정할 때는 {{component}}를 지우지 마세요.
이 부분이 없으면 AI가 위젯을 호출할 방법이 없어 채팅에 나타나지 않습니다.

■ 예시

상태창을 만들었다면:

상태가 크게 변했을 때 <{{component}} hp={0} mood={"..."} />를 출력하세요.
hp에는 현재 체력, mood에는 현재 기분을 넣으세요.

선택지 위젯이라면:

중요한 분기에서 <{{component}} choices={[]} />를 출력하세요.
choices에는 상황에 맞는 선택지 2~4개를 넣으세요.

즉,

코드 = 어떻게 보일지
호출 지침 = 언제, 어떤 값으로 띄울지

이 두 가지만 구분하면 됩니다.