theme-whatif

📁 orientpine/honeypot 📅 3 days ago
4
总安装量
2
周安装量
#51237
全站排名
安装命令
npx skills add https://github.com/orientpine/honeypot --skill theme-whatif

Agent 安装分布

mcpjam 2
claude-code 2
replit 2
junie 2
windsurf 2
zencoder 2

Skill 文档

What-If (미래 비전 스냅샷) 테마

용도: 제안 내용이 이미 구현된 미래 장면을 보여주어, 청중이 성공한 세계를 직접 경험하게 합니다.

시각 정체성: “공상과학 영화 UI처럼 — 빛나는 HUD 속 미래가 작동 중이다”

핵심 원칙: 비교하지 않는다. 미래 하나에 집중한다.

“Before가 없다. 이미 After 안에 서 있다.”

활용 상황:

  • “우리 솔루션이 작동하는 세상은 이런 모습입니다”
  • 연구 성과가 현실화된 미래 시나리오
  • 투자 유치 시 비전 몰입 유도
  • 정책 도입 후 일상의 변화 시각화

Comparison과의 차이 (CRITICAL)

구분 Comparison What-If
구조 좌우 2분할 (Before ↔ After) 단일 장면 (After 만)
관점 관찰자 (밖에서 비교) 참여자 (안에서 경험)
초점 차이점 증명 비전 몰입
수치 전후 수치 나란히 성과 수치가 장면 속에 자연스럽게 배치
시제 “A → B로 바뀝니다” “B입니다” (이미 일어난 것처럼)
감정 논리적 납득 감성적 공감

선택 가이드:

  • “차이를 증명해야 한다” → Comparison
  • “비전을 느끼게 해야 한다” → What-If

색상 팔레트

역할 색상 HEX 용도
주조 미드나이트 틸 #1A535C 장면 프레임, 제목, 핵심 라벨
보조 슬레이트 블루 #4ECDC4 미래 요소, 연결선, UI 하이라이트
강조 선셋 오렌지 #FF6B35 핵심 성과, KPI, 콜아웃
배경 소프트 크림 #F7FFF7 밝고 희망적인 미래 분위기

팔레트 특징:

  • 틸 계열 주조로 미래지향적 신뢰감
  • 오렌지 강조가 “성공 포인트”를 자연스럽게 부각
  • 따뜻한 배경으로 긍정적이고 접근 가능한 미래 연출

권장 레이아웃

Future Snapshot (최우선 권장)

단일 장면에 모든 요소를 담는다. 분할하지 않는다.

┌─────────────────────────────────────┐
│                                     │
│        [미래 장면 전체 비주얼]        │
│                                     │
│   ┌─────────┐                       │
│   │성과 KPI │     행위자가          │
│   │ +45%    │     무언가를 하고 있다 │
│   └─────────┘                       │
│                                     │
│       환경/맥락이 보인다             │
│                                     │
└─────────────────────────────────────┘
        ↑ 제목: 단정형 선언문

핵심 원칙:

  • 장면은 한 눈에 들어와야 함
  • KPI/성과 수치는 장면 안에 자연스럽게 배치 (분리 금지)
  • 행위자(사람/시스템)가 행동 중이어야 함 (정지 상태 금지)

Hero Statement (강조형)

상단에 대형 선언문, 하단에 지원 요소.

┌─────────────────────────────────────┐
│                                     │
│      "모든 진단이 10분 안에"         │
│                                     │
├─────────────────────────────────────┤
│  [장면A]    [장면B]    [장면C]       │
│  의사가     환자가     데이터가      │
│  확인 중   안심 중    실시간 분석    │
└─────────────────────────────────────┘

사용 시점: 핵심 메시지 하나를 각인시켜야 할 때


Scene Composition (장면 구성 필수 요소)

What-If 장면은 다음 5가지 요소를 모두 포함해야 합니다:

1. 행위자 (WHO)

  • 실제 사용자/수혜자가 등장해야 함
  • 추상적 아이콘 대신 맥락 있는 인물 (의사, 관리자, 시민 등)
  • 표정/자세로 긍정적 상태 암시

2. 행동 (DOING)

  • 정지 상태 금지. 뭔가를 하고 있어야 함
  • “대시보드를 확인 중”, “승인 버튼을 누르는 중”, “결과를 받아보는 중”

3. 환경 (WHERE)

  • 장면이 일어나는 공간의 단서
  • ë°°ê²½ 요소로 규모/상황 암시

4. 성과 지표 (RESULT)

  • 장면 안에 자연스럽게 KPI 배치
  • 화면 UI, 표지판, 대화 말풍선 등으로 통합

5. 시간 단서 (WHEN)

  • “이것이 일상이다”를 암시하는 요소
  • 특별한 순간이 아닌 보통의 하루 느낌

Immersion Techniques (몰입 기법)

현재형으로 말하기

피해야 할 표현 권장 표현
“도입되면 개선됩니다” “45% 더 빠릅니다”
“가능해질 것입니다” “지금 확인하세요”
“기대됩니다” “이것이 새로운 기준입니다”

구체적 수치 배치

피해야 할 표현 권장 표현
“빠른 처리” “3초 응답”
“높은 정확도” “99.2% 일치”
“비용 절감” “월 ₩15M 절약”

관점 설정

관점 효과 예시
1인칭 직접 경험 “당신의 대시보드입니다”
3인칭 객관적 증거 “김 팀장이 10분 만에 완료”
시스템 기술 역량 “AI가 실시간 분석 중”

적합/부적합 케이스

적합: 신규 시스템 작동 모습, 연구 성과 현실 적용, 투자 유치 비전 몰입, 정책 변화 후 일상

부적합: 두 옵션 비교 → theme-comparison, 현재 문제점 분석 → gov/seminar, 단계별 프로세스 → concept, Before 필수 → theme-comparison


렌더링 스타일 (Rendering Style)

이 스타일의 시각적 DNA를 정의합니다. prompt-designer가 INSTRUCTION/CONFIGURATION 블록 생성 시 반드시 참조해야 합니다.

차원 지시 사항
서피스 (박스/패널) 반투명 글래스모피즘 패널(배경 블러 + 30% 투명도 흰색 오버레이). 패널 테두리는 보조색(#4ECDC4) 1px 글로우. 내부 텍스트는 밝은 색.
ë°°ê²½ 다크 틸(#1A535C) → 소프트 크림(#F7FFF7) 대각선 그래디언트. 좌하단 어두움 → 우상단 밝음. “어둠에서 밝은 미래로” 방향성을 암시한다. 배경에 미세한 원형 보케 2-3개.
코너/엣지 큰 라운딩(16px radius). 일부 요소에 pill shape(완전 라운드) 허용. 미래적이고 유기적. 날카로운 모서리를 사용하지 않는다.
연결선 그래디언트 선(보조색 → 강조색) + 빛나는 글로우 효과. 화살표 대신 흐르는 점선(animated dot line 느낌). 에너지와 데이터 흐름을 암시한다.
시각 장식 반투명 원형 보케, 가는 원형 링 장식, 작은 빛 입자(particle) 느낌의 도트. HUD/대시보드 UI 요소(게이지, 미니 차트). 장면 속 자연스러운 UI 오버레이.
타이포그래피 선언형 대형 텍스트 중앙 배치. 단정문이 최대 크기. KPI 숫자는 강조색(#FF6B35) + 볼드. 일반 텍스트는 밝은 톤으로 배경에 녹아드는 느낌.
공간 구성 풀블리드(edge-to-edge) 장면. 배경이 화면 끝까지 채워진다. 콘텐츠가 장면 안에 자연스럽게 배치된다. 프레임/테두리 의식 없이 영화의 한 장면처럼 구성한다.
시각 메타포 시네마틱 씬(Cinematic Scene). 사람(실루엣이나 간략화된)이 환경 속에서 행동 중. 대시보드 UI가 공중에 떠 있다. 공간감 있는 장면 연출. 빛과 그림자로 깊이감을 표현한다.

콘텐츠 표현 규칙

whatif 스타일의 텍스트는 개조식 현재형을 따릅니다:

규칙 설명 예시
개조식 핵심 키워드 중심의 간결한 명사구 ✗ “ê³ ë ¹ 농부가 편안한 표정으로 관제 중이다” → ✓ “무인 트랙터 원격 관제”
현재형 단정 미래가 이미 실현된 톤 ✗ “도입되면 개선됩니다” → ✓ “작업 효율 45% 향상”
서술어 최소화 종결어미 대신 명사형 종결 ✗ “안전성이 획기적으로 향상된다” → ✓ “안전성 획기적 향상”
구체적 수치 추상적 표현 대신 수치 사용 ✗ “빠른 처리” → ✓ “3초 응답”
한글 단독 표기 한영 병기 절대 금지. 한글 또는 영문 약어 하나만 사용 ✗ “연구 (Research)”, “분석(Analysis)” → ✓ “연구”, “분석” / 약어만 허용: “AI”, “IoT”

장면 묘사 vs 표시 텍스트 분리 (CRITICAL)

이 테마는 시네마틱 장면을 생성합니다. 장면을 구성하는 묘사와 이미지에 실제 렌더링될 텍스트를 명확히 분리해야 합니다.

INSTRUCTION에 넣어야 하는 것 (장면 묘사 — 렌더링되지 않음)

  • 인물의 외모, 표정, 자세 (예: “ê³ ë ¹ 농부 편안한 표정”, “모니터 응시 중”)
  • 환경/ë°°ê²½ 설명 (예: “깨끗한 실내”, “ì°½ 밖 자율주행 트랙터”)
  • 조명/분위기 (예: “따뜻한 톤”, “밝은 들판”)
  • 사물의 상태/위치 (예: “대형 모니터에 HUD 표시”, “글래스모피즘 패널”)

CONTENT에 넣어야 하는 것 (표시 텍스트 — 이미지에 렌더링됨)

  • UI 오버레이 수치 (예: “92%”, “3초 응답”)
  • KPI/성과 라벨 (예: “작업 완료율”, “무인 운행 중”)
  • 제목/선언문 (예: “무인 트랙터 원격 관제”)
  • 대시보드 텍스트 (예: “실시간 모니터링”)

금지 패턴

금지 올바른 처리
CONTENT에 “ê³ ë ¹ 농부 편안한 표정으로 관제 중” → INSTRUCTION의 Scene Composition에 배치
CONTENT에 “깨끗한 실내 + ì°½ 밖 자율주행” → INSTRUCTION의 ë°°ê²½ 묘사에 배치
CONTENT에 “따뜻한 조명, 신뢰감 연출” → INSTRUCTION의 조명/분위기에 배치

기억할 것: 이 테마는 학술 시스템 스타일의 발표 자료이지, 학술 시스템에 제출하는 자료가 아닙니다. gov 테마와 동일하게, 스타일을 차용하되 학술 논문 고유 요소(Figure 캡션, 범례 표 등)는 포함하지 않습니다.


렌더링 금지 요소 (CRITICAL)

프롬프트 생성 시 다음 요소는 CONTENT BLOCK에 절대 포함 금지:

유형 금지 예시 설명
이미지 플레이스홀더 [Image 1], [Image 2], [사진], [이미지], [아이콘] 대괄호 이미지 참조는 Gemini가 그대로 텍스트로 렌더링함. 시각 요소는 INSTRUCTION의 Content Placement에서 자연어로 묘사할 것
위치 지시자 [상단], [하단 결론1], [왼쪽 영역] 레이아웃 배치 힌트
레이아웃 유형명 Future Snapshot, Hero Statement 메타포/레이아웃 이름
색상 코드 (#HEXCODE), Primary Color CONFIGURATION에서만 사용
크기 힌트 (대형), (중형), 48pt INSTRUCTION에서만 사용
역할 라벨 Main Title, Sub-header INSTRUCTION에서만 사용
Before 언급 기존, 이전에는, Before What-If는 After만 존재
장면 묘사 편안한 표정, 깨끗한 실내 INSTRUCTION에서만 사용
환경 설명 창 밖 트랙터, 따뜻한 조명 INSTRUCTION에서만 사용
한영 병기 텍스트 연구 (Research), 분석(Analysis), 목표 / Goal 한글과 영어를 괄호·슬래시로 병기하는 모든 형태 금지. 한글 단독 또는 고유 영문 약어(AI, IoT, CNN 등) 단독만 허용

CONTENT에는 이미지에 실제 렌더링될 텍스트(UI 오버레이, KPI 수치, 라벨)만 포함합니다.


렌더링 완결성 (Rendering Completeness) — CRITICAL

이 테마의 Gemini 렌더링 결과물에서 다음 품질 기준을 반드시 충족해야 합니다:

규칙 설명
플레이스홀더 금지 [Image 1], [Image 2], [사진], [아이콘] 등 대괄호 플레이스홀더가 이미지에 렌더링되면 안 된다. 모든 시각 요소는 INSTRUCTION의 Content Placement에서 구체적으로 묘사하여 Gemini가 실제 장면을 생성하도록 한다
깨진 텍스트 금지 한글/영문이 깨지거나 알아볼 수 없는 문자열로 렌더링되면 안 된다
장면 몰입감 단일 장면이 완전한 시네마틱 씬으로 렌더링되어야 한다. 장면이 텍스트 리스트나 불릿 포인트로 대체되면 안 된다
글래스모피즘 패널 가독성 반투명 글래스모피즘 패널 위의 텍스트(KPI 수치, 라벨)가 반드시 읽을 수 있어야 한다. 패널 투명도가 텍스트 가독성을 해치면 안 된다
HUD/UI 오버레이 통합 장면 속 HUD/대시보드 UI 요소가 장면에 자연스럽게 녹아들어야 한다. UI 요소가 장면과 분리되어 떠 있으면 안 된다
의미적 일관성 이미지에 렌더링된 모든 텍스트가 의미적으로 일관되어야 한다. 제목과 KPI의 맥락이 맞아야 하며, 관련 없는 텍스트가 섞이면 안 된다

프롬프트 작성 시 완결성 확보 방법

기법 설명
구체적 장면 묘사 [Image] 대신 “깨끗한 관제실에서 태블릿을 ë³´ë©° 미소 짓는 관리자, ì°½ 밖으로 자율주행 트랙터가 보인다” 처럼 구체적으로 기술
UI 오버레이 텍스트 명시 렌더링할 KPI 수치와 라벨을 CONTENT에 정확히 나열. 모호한 참조(위 내용 참조) 금지
장면 묘사/표시 텍스트 분리 장면 묘사(인물 외모, 환경, 조명)는 INSTRUCTION에, 표시 텍스트(수치, 라벨)만 CONTENT에 배치
현재형 단정문 제목을 “~될 것입니다” 대신 “~입니다” 현재형으로 작성하여 미래 몰입감 확보

구성 지시어 렌더링 방지 (Content Placement 메타라벨 금지) — CRITICAL

INSTRUCTION 블록의 Content Placement에서 CONTENT 텍스트의 배치를 설명할 때, **역할 분류명(메타라벨)**을 사용하면 Gemini가 해당 라벨을 이미지에 텍스트로 렌더링합니다. 반드시 CONTENT에 기재된 실제 텍스트를 직접 인용하여 배치를 지시합니다.

금지 (메타라벨 — 렌더링 유출) 올바른 (실제 텍스트 인용)
글래스 패널: KPI 수치 배치 좌측 글래스 패널에 '처리 속도 3초', '정확도 99.2%' 수치 배치
상단: 핵심 비전 선언문 상단에 '무인 트랙터 원격 관제' 텍스트를 대형 볼드로 배치
HUD 오버레이: 성과 라벨 HUD 오버레이에 '무인 운행 중', '실시간 모니터링' 텍스트 배치

금지 메타라벨 목록: 보조 지표, 보조 텍스트, 핵심 성과, 주요 모듈, 기능 설명, 핵심 비전, 핵심 메시지, KPI 영역, 비전 영역, 결론 영역, 성과 영역, 성과 라벨, 메인 타이틀


출력 구조 매핑 (Output Structure Mapping)

whatif 테마의 프롬프트는 다음과 같이 4-block 구조에 매핑됩니다. 모든 테마가 동일한 4-block 구조를 따릅니다.

INSTRUCTION 블록 포함 내용

  • ### Image Purpose: 미래 비전 스냅샷의 목적 (비전 몰입, 성과 시각화 등)
  • ### Target Audience: 투자자, 의사결정자, 청중 등
  • ### Key Message: 단정형 선언문 한 문장 (이미 실현된 톤)
  • ### Visual Style: whatif 스타일 명시 + 시네마틱 씬 특성
  • ### Rendering Style: 서피스(글래스모피즘 패널), ë°°ê²½(다크 틸→소프트 크림 그래디언트), 코너/엣지(큰 라운딩 16px), 연결선(그래디언트+글로우), 시각 장식(보케, HUD UI), 공간 구성(풀블리드 장면), 시각 메타포(시네마틱 씬) 7개 차원
  • ### Content Placement: 장면 구성 5요소 상세 — 행위자(WHO), 행동(DOING), 환경(WHERE), 성과 지표(RESULT) 배치, 시간 단서(WHEN). 장면 묘사(인물 외모, 표정, 환경, 조명)는 여기에 기술. CONTENT 텍스트는 실제 텍스트를 직접 인용(작은따옴표)하여 배치 위치 설명. 메타라벨(역할 분류명) 사용 금지

CONFIGURATION 블록 포함 내용

  • ### Canvas Settings: 3840 x 2160, 배경색 #F7FFF7
  • ### Background Treatment: 다크 틸→소프트 크림 대각선 그래디언트 + 원형 보케
  • ### Color Palette: 주조(#1A535C), ë³´ì¡°(#4ECDC4), 강조(#FF6B35), ë°°ê²½(#F7FFF7)
  • ### Layout Structure: Future Snapshot 또는 Hero Statement + 영역 구분
  • ### Typography: 선언형 대형 텍스트, KPI 강조색 볼드

CONTENT 블록 포함 내용

  • ### Title Area: 단정형 선언문 제목 (번호 목록 형태)
  • ### Main Content: 이미지에 렌더링될 UI 오버레이 텍스트, KPI 수치, 라벨만 번호 목록으로 나열 (장면 묘사, 환경 설명, 조명/분위기 절대 포함 금지 — INSTRUCTION에 배치)
  • ### Data Elements: KPI/성과 수치 (숫자+단위+맥락)

FORBIDDEN ELEMENTS 블록 포함 내용

  • pt/px 단위, 한영 병기, ASCII 힌트, 렌더링 지시문, 폰트 지정, 좌표, 플레이스홀더, 위치 지시자, 레이아웃 유형명, 색상 코드, 역할 라벨, Before 언급, 장면 묘사, 환경 설명, 테이블 형식 CONTENT 등