🆔️ 인레이 모듈 마개조 v3 업뎃 (캡션 기능, 설정 패널 등등) (1

※ 본 소개글은 클린 매뉴얼 (라이트 모드) 테마로 제작됨.
이드(ID)짱 이미지를 클릭하면 프로톤으로 이동함
INLAY MODULE V3
업뎃은 꾸준히 했는데, 자잘자잘해서 공개 안 하다가 그냥 v3으로 제멋대로 올려버림.
ORIGINAL POST
설정 토글 작동 방식 안내 보기
SECTION 01
1. 좌측 하단 버튼 업뎃
버튼 스타일을 바꿈.
라이트 모드
다크 모드
02
CORE FEATURE
2. 설정 패널 추가
복잡한 설정들을 한곳에 몰아서 볼 수 있게 패널을 박아버림.
일반 설정
클릭해서 펴보기
버튼 디스플레이로 버튼 위치 조절 및 아예 없애는 것 가능함.
프리셋(커스텀 지시문 포함)이랑 사용자 지시문(
lb-xnai.lb
.extra
) 현재 사용 중인 거 실시간으로 확인 가능.
캐릭터 태그
클릭해서 펴보기
캐릭터 컨텍스트 켜진 상태로 들어가는 캐릭터 태그 확인 가능함.
새 캐릭터 추가 및 편집 가능 (
변경사항 적용 클릭 필수!
).
2차 창작 캐릭터의 경우
이름 (원작)
으로 나와야 제대로 작동함. (예: superman (dc))
캡션 폰트
클릭해서 펴보기
캡션 조절용 설정.
직접 CSS를 설정해서 미리보기 가능함 (주의: CSS 클래스 지정 시 custom-quote 로 설정해야 함).
캡션 출력 지시문 설정 가능함. 새로운 지시문 설정 시 기존 지시문(생각이나 대화 한 줄만 쓰세요 등)은 무시되니까 구체적이고 자세히 쓰자.
인레이 편집
클릭해서 펴보기
이미 출력된 인레이의 프롬프트랑 캡션 대사를 여기서 직접 편집할 수 있음.
SECTION 03
3. 캡션 기능 추가
캡션 기능이란? 삽화 클릭 시 삽화마다 해당 상황에 대한 한 줄(혹은 여러 줄)을 LLM이 요약해서 출력하게 하고 저장하는 기능임.
아래처럼 CSS를 직접 짜서 제주돌담체 같은 감성 폰트나, 반짝이는 파티클 애니메이션 효과까지 넣을 수 있음. 설정 안 할 경우엔 기본 값이 사용됨.
예시 1 (제주돌담체)
CSS 보기
펼치기
jeju.css
CSS
@font
-face
{
font-family
:
'JejuStoneWall'
;
src
:
url
(
'
https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-EF@1.0/EF_jejudoldam.woff2
'
)
format
(
'woff2'
);
font-weight
: normal;
font-display
: swap;
}
font-family
:
'JejuStoneWall'
, serif;
font-weight
: normal;
font-size
: 30px;
color
:
#7b4a2d
;
line-height
: 1.8;
letter-spacing
: 0.03em;
예시 2 (커스텀 글로우 & 파티클)
CSS 보기
펼치기
magic_glow.css
CSS
@import
url
(
'
https://fonts.googleapis.com/css2?family=Just+Another+Hand&family=MedievalSharp&family=Monsieur+La+Doulaise&display=swap
'
);
.custom-quote
{
display
: inline-block;
position
: relative;
font-family
:
'MedievalSharp'
, cursive
!important
;
font-style
: normal
!important
;
font-weight
: 400
!important
;
font-size
: 2rem;
color
:
#f2f2f5
!important
;
text-shadow
:
    0 0 10px
rgba
(255, 255, 255, 0.8),
    0 0 20px
rgba
(255, 255, 255, 0.5),
    0 0 35px
rgba
(200, 200, 210, 0.3);
animation
: silver-glow 4s ease-in-out infinite;
}
@keyframes
silver-glow {
  0%, 100% {
text-shadow
:
      0 0 10px
rgba
(255, 255, 255, 0.7),
      0 0 20px
rgba
(255, 255, 255, 0.4),
      0 0 35px
rgba
(200, 200, 210, 0.25);
  }
  50% {
text-shadow
:
      0 0 14px
rgba
(255, 255, 255, 0.95),
      0 0 28px
rgba
(255, 255, 255, 0.6),
      0 0 50px
rgba
(200, 200, 210, 0.4);
  }
}
.custom-quote::before
,
.custom-quote::after
{
content
:
''
;
position
: absolute;
inset
: -25% -15%;
pointer-events
: none;
background-repeat
: no-repeat;
}
.custom-quote::before
{
background-image
:
radial-gradient
(circle,
#fff
0%,
rgba
(255,255,255,0) 70%),
radial-gradient
(circle,
#fff
0%,
rgba
(255,255,255,0) 70%),
radial-gradient
(circle,
#fff
0%,
rgba
(255,255,255,0) 70%);
background-size
: 6px 6px, 4px 4px, 5px 5px;
background-position
: 10% 20%, 80% 60%, 45% 85%;
animation
: sparkle-twinkle 2.2s ease-in-out infinite;
}
.custom-quote::after
{
background-image
:
radial-gradient
(circle,
#fff
0%,
rgba
(255,255,255,0) 70%),
radial-gradient
(circle,
#fff
0%,
rgba
(255,255,255,0) 70%),
radial-gradient
(circle,
#fff
0%,
rgba
(255,255,255,0) 70%);
background-size
: 5px 5px, 4px 4px, 6px 6px;
background-position
: 90% 15%, 20% 70%, 65% 40%;
animation
: sparkle-twinkle 2.6s ease-in-out infinite;
animation-delay
: 0.7s;
}
@keyframes
sparkle-twinkle {
  0%, 100% {
opacity
: 0;
transform
:
scale
(0.4); }
  50%      {
opacity
: 1;
transform
:
scale
(1); }
}
SECTION 04
4. 과거 인레이 자동 접기
토글에서 설정된 숫자 만큼 최근 챗 수의 인레이를 제외한 모든 인레이를 한 줄로 접어버림.
접힌 상태 이미지
클릭 시 확장됨
5. 기타 등등 및 주의사항
검열 해제 프리필 추가됨
(Thanks to 삽화 모듈)
삽화 테마 (라이트/다크) 토글 가능
※주의※
커스텀 네거 태그 작동 방식 바뀜
기존의 커스텀 네거 태그는 이제
Positive 영역
으로 들어감.
그래서 기존 인레이 모듈에서 이 토글을 썼다면 앞에
-1:: ::
같은 거 알아서 붙여주셈.
SPECIAL THANKS
원본 인레이 모듈:
[V2.31]
인레이 모듈
뷰어 익스텐션:
[GH] 뷰어 익스텐션 v8
삽화 모듈:
삽화 3.4.1