figure-guide

이미지 생성 프롬프트 작성 가이드 - 프롬프트 가이드, 캡션 패턴, 예시 프롬프트 통합

18 stars

Best use case

figure-guide is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

이미지 생성 프롬프트 작성 가이드 - 프롬프트 가이드, 캡션 패턴, 예시 프롬프트 통합

Teams using figure-guide should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/figure-guide/SKILL.md --create-dirs "https://raw.githubusercontent.com/orientpine/honeypot/main/plugins/isd-generator/skills/figure-guide/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/figure-guide/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How figure-guide Compares

Feature / Agentfigure-guideStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

이미지 생성 프롬프트 작성 가이드 - 프롬프트 가이드, 캡션 패턴, 예시 프롬프트 통합

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# 이미지 생성 프롬프트 작성 가이드

국책과제 연구계획서의 이미지 생성을 위한 프롬프트 작성 규칙을 정의한다.

---

## 1. 기본 요구사항

### 이미지 유형
- PPT 슬라이드 스타일의 인포그래픽
- 정부 국가연구개발 과제 발표자료 수준의 전문적 도식
- 가로형(16:9 비율), 고해상도, 벡터 그래픽 스타일
- 한글로 작성됨

### 디자인 원칙
- 과도한 색상 사용 금지 (4색 이하로 제한)
- 지나치게 화려하지 않으나 보기 편한 디자인
- 시인성과 구성력, 몰입도를 갖춘 정부 공식 발표자료 수준
- 정보의 구조화로 이해하기 편한 구성

---

## 2. 색상 팔레트 (4색 제한)

### 기본 파란색 계열 팔레트

| 역할 | 색상명 | HEX 코드 | RGB | 사용처 |
|------|--------|----------|-----|--------|
| 주조색 | 진한 네이비 | #1E3A5F | 30, 58, 95 | 제목, 핵심 박스, 후반기 요소 |
| 보조색 | 청록색 | #4A90A4 | 74, 144, 164 | 화살표, 프로세스, 전반기 요소 |
| 강조색 | 진한 녹색 | #2E7D5A | 46, 125, 90 | 성과/목표 달성, 완료 표시 |
| 배경색 | 밝은 회색 | #F5F7FA | 245, 247, 250 | 배경, 보조 박스 |

### 색상 사용 규칙

- 주조색: 대제목, 핵심 박스 배경, 중요 정보
- 보조색: 연결선, 화살표, 프로세스 표시, 초기 단계
- 강조색: 성과, 달성 목표, 완료 항목, 체크마크
- 배경색: 전체 배경, 보조 정보 박스

---

## 3. 텍스트 규격

### 폰트 크기 및 굵기

| 요소 | 크기 | 굵기 | 색상 | 용도 |
|------|------|------|------|------|
| 대제목 | 24pt | Bold | 네이비(#1E3A5F) | 이미지 상단 타이틀 |
| 섹션 제목 | 18pt | Bold | 네이비(#1E3A5F) | 영역 구분 제목 |
| 소제목 | 14pt | SemiBold | 네이비(#1E3A5F) | 박스 내 제목 |
| 본문 | 11-12pt | Regular | 진회색(#333333) | 일반 텍스트 |
| 강조텍스트 | 12pt | Bold | 녹색(#2E7D5A) | 핵심 키워드 |
| 라벨 | 10pt | Regular | 진회색(#666666) | 보조 설명 |

### 텍스트 배치 원칙

- 가독성 우선: 충분한 여백과 줄간격 확보
- 정보 계층화: 중요도에 따른 크기/굵기 차등
- 좌측 정렬 기본: 본문 텍스트는 좌측 정렬
- 중앙 정렬: 제목, 박스 내 핵심 텍스트

---

## 4. 그래픽 요소 스타일

### 박스 스타일

```
- 모든 박스: 둥근 모서리 (border-radius: 8px)
- 그림자: 연한 드롭섀도우 (2px blur, 10% opacity)
- 테두리: 1-2px, 해당 색상
- 배경: 흰색(#FFFFFF) 또는 연한 색상
```

### 화살표 및 연결선

```
- 화살표 두께: 3px
- 화살표 색상: 보조색(청록색) 기본
- 방향 화살표: 삼각형 끝
- 점선: 관계 표시용 (2px dash)
```

### 구분선

```
- 두께: 1px
- 색상: 연회색(#DDDDDD)
- 섹션 간 구분용
```

### 아이콘/심볼

```
- 체크마크(✓): 녹색(#2E7D5A)
- 불릿 포인트: 원형(●) 또는 다이아몬드(◆)
- 숫자 배지: 원형 배경 + 흰색 숫자
```

---

## 5. 레이아웃 구성

### 기본 레이아웃 구조

```
┌─────────────────────────────────────────────────────────────────┐
│  [상단 타이틀 바 - 네이비 배경, 흰색 텍스트]                      │
│  "이미지 제목"                                                   │
├─────────────────────────────────────────────────────────────────┤
│                                                                 │
│  [메인 컨텐츠 영역]                                              │
│                                                                 │
│  - 유형에 따라 다양한 레이아웃 적용                               │
│  - 정보 계층 구조 반영                                           │
│                                                                 │
├─────────────────────────────────────────────────────────────────┤
│  [하단 영역 - 필요시]                                            │
│  - 범례, 출처, 부가 정보                                         │
└─────────────────────────────────────────────────────────────────┘
```

### 16:9 비율 권장 배치

- 상단 타이틀: 전체 높이의 8-10%
- 메인 컨텐츠: 전체 높이의 80-85%
- 하단 영역: 전체 높이의 5-10% (선택)
- 좌우 여백: 전체 너비의 3-5%

---

## 6. 캡션 유형별 분류

### 분류 기준

캡션명에 포함된 키워드를 기반으로 9가지 유형으로 분류한다.

### 유형별 키워드 및 이미지 스타일

| 유형 | 우선순위 | 키워드 | 이미지 스타일 |
|------|----------|--------|--------------|
| 비전/목표 | 1 | 목표, 비전, 개념, 최종목표, 연구목표 | 계층 구조도, 피라미드 |
| 로드맵 | 2 | 로드맵, 일정, 타임라인, 마일스톤 | 타임라인, 간트 차트 |
| 연차별 | 3 | 연차별, 년차별, 단계별, 연도별, 1단계, 2단계 | 테이블, 타임라인 |
| 추진체계 | 4 | 추진체계, 조직, 역할, R&R, 거버넌스 | 조직도 |
| 투자계획 | 5 | 투자, 예산, 재원, 비용, 자금 | 막대 그래프, 파이 차트 |
| 협력체계 | 6 | 협력, 네트워크, 파트너, 컨소시엄 | 네트워크 다이어그램 |
| 사업화 | 7 | 사업화, 상용화, 활용, 적용, 시장진출 | 흐름도, 로드맵 |
| 개념도 | 8 | 개념, 구조, 아키텍처, 시스템, 프레임워크 | 블록 다이어그램 |
| 기술분류 | 9 | 기술분류, 체계, 분류, 트리, 계통 | Technology Tree |

### 분류 알고리즘

```
1. 캡션명을 소문자로 변환
2. 각 유형의 키워드 목록과 매칭
3. 먼저 매칭되는 유형으로 분류
4. 매칭 안 되면 "개념도"(기본값)로 분류
```

---

## 7. 유형별 레이아웃 템플릿

### 7-1. 계층구조도 (비전/목표)

```
┌─────────────────────────────────────────────────────────────────┐
│  [타이틀 - 네이비]                                               │
├─────────────────────────────────────────────────────────────────┤
│                                                                 │
│              ┌─────────────────────┐                            │
│              │   최상위 목표       │ ← 네이비 배경               │
│              └─────────────────────┘                            │
│                        │                                        │
│        ┌───────────────┼───────────────┐                        │
│        ↓               ↓               ↓                        │
│  ┌──────────┐   ┌──────────┐   ┌──────────┐                    │
│  │ 세부기술1 │   │ 세부기술2 │   │ 세부기술3 │ ← 청록색 테두리    │
│  └──────────┘   └──────────┘   └──────────┘                    │
│                                                                 │
└─────────────────────────────────────────────────────────────────┘
```

### 7-2. 타임라인 (로드맵)

```
┌─────────────────────────────────────────────────────────────────┐
│  [타이틀 - 네이비]                                               │
├─────────────────────────────────────────────────────────────────┤
│                                                                 │
│  [전반기 - 청록색 띠]                    [후반기 - 네이비 띠]     │
│  ┌────────┬────────┬────────┐  ┌────────┬────────┐            │
│  │ 1년차  │ 2년차  │ 3년차  │  │ 4년차  │ 5년차  │            │
│  ├────────┼────────┼────────┤  ├────────┼────────┤            │
│  │        │        │        │  │        │        │            │
│  │ 내용1  │ 내용2  │ 내용3  │  │ 내용4  │ 내용5  │ ← 녹색 강조 │
│  │        │        │        │  │        │        │            │
│  └────────┴────────┴────────┘  └────────┴────────┘            │
│                                                                 │
└─────────────────────────────────────────────────────────────────┘
```

### 7-3. 조직도 (추진체계)

```
┌─────────────────────────────────────────────────────────────────┐
│  [타이틀 - 네이비]                                               │
├─────────────────────────────────────────────────────────────────┤
│                                                                 │
│              ┌─────────────────────┐                            │
│              │   주관기관 (크게)    │ ← 네이비 배경               │
│              └─────────────────────┘                            │
│                        │                                        │
│        ┌───────────────┼───────────────┐                        │
│        │               │               │                        │
│  ┌──────────┐   ┌──────────┐   ┌──────────┐                    │
│  │ 협력기관1 │   │ 협력기관2 │   │ 위탁기관  │ ← 청록색 테두리    │
│  ├──────────┤   ├──────────┤   ├──────────┤                    │
│  │   역할   │   │   역할   │   │   역할   │                    │
│  └──────────┘   └──────────┘   └──────────┘                    │
│                                                                 │
└─────────────────────────────────────────────────────────────────┘
```

### 7-4. 테이블 (연차별 목표)

```
┌─────────────────────────────────────────────────────────────────┐
│  [타이틀 - 네이비]                                               │
├─────────────────────────────────────────────────────────────────┤
│                                                                 │
│  ┌────────┬────────────────────────────────────────────────┐   │
│  │  연차  │                    내용                        │   │
│  ├────────┼────────────────────────────────────────────────┤   │
│  │ 1년차  │ [목표 및 세부 내용]                            │   │
│  ├────────┼────────────────────────────────────────────────┤   │
│  │ 2년차  │ [목표 및 세부 내용]                            │   │
│  ├────────┼────────────────────────────────────────────────┤   │
│  │ 3년차  │ [목표 및 세부 내용]                            │   │
│  ├────────┼────────────────────────────────────────────────┤   │
│  │ 4년차  │ [목표 및 세부 내용]                            │   │
│  ├────────┼────────────────────────────────────────────────┤   │
│  │ 5년차  │ [목표 및 세부 내용]                  ← 녹색    │   │
│  └────────┴────────────────────────────────────────────────┘   │
│                                                                 │
└─────────────────────────────────────────────────────────────────┘
```

### 7-5. 차트 (투자계획)

```
┌─────────────────────────────────────────────────────────────────┐
│  [타이틀 - 네이비]                                               │
├─────────────────────────────────────────────────────────────────┤
│                                                                 │
│  [범례]  ■ 기술1  ■ 기술2  ■ 기술3                              │
│                                                                 │
│     │                                                           │
│  금 │    ┌───┐                                                  │
│  액 │    │   │  ┌───┐                                          │
│     │    │   │  │   │  ┌───┐                                   │
│  (억│ ┌──┤   ├──┤   ├──┤   │                                   │
│  원)│ │  │   │  │   │  │   │  ┌───┐  ┌───┐                     │
│     │ │  │   │  │   │  │   │  │   │  │   │                     │
│     └─┴──┴───┴──┴───┴──┴───┴──┴───┴──┴───┴──────               │
│        1년차  2년차  3년차  4년차  5년차                         │
│                                                                 │
└─────────────────────────────────────────────────────────────────┘
```

### 7-6. 흐름도 (사업화 전략)

```
┌─────────────────────────────────────────────────────────────────┐
│  [타이틀 - 네이비]                                               │
├─────────────────────────────────────────────────────────────────┤
│                                                                 │
│  ┌────────┐     ┌────────┐     ┌────────┐     ┌────────┐      │
│  │ 단계1  │ ──→ │ 단계2  │ ──→ │ 단계3  │ ──→ │ 최종성과│      │
│  │        │     │        │     │        │     │        │      │
│  │ 내용   │     │ 내용   │     │ 내용   │     │ 내용   │      │
│  └────────┘     └────────┘     └────────┘     └────────┘      │
│      │              │              │              │            │
│      ↓              ↓              ↓              ↓            │
│  [부가정보]     [부가정보]     [부가정보]     [부가정보]        │
│                                                                 │
└─────────────────────────────────────────────────────────────────┘
```

---

## 8. 프롬프트 작성 순서

### Step 1: 캡션 분석
- 캡션명에서 이미지 유형 파악
- 해당 문서 섹션에서 포함할 내용 추출

### Step 2: 기본 구조 작성
```markdown
[이미지 생성 프롬프트]

## 이미지 유형
[기본 요구사항 명시]

## 색상 팔레트 (4색 제한)
[4색 팔레트 명시]
```

### Step 3: 레이아웃 상세화
```markdown
## 전체 레이아웃 구성
[ASCII 다이어그램으로 레이아웃 표현]

## 영역별 상세 구성
[각 영역의 내용과 스타일 명시]
```

### Step 4: 텍스트 명시
```markdown
## 반드시 포함할 텍스트 (한글)
- "텍스트1"
- "텍스트2"
- ...
```

### Step 5: 그래픽 요소 정의
```markdown
## 그래픽 요소
[박스, 화살표, 아이콘 스타일 명시]

## 텍스트 규격
[폰트 크기, 굵기, 색상 명시]
```

---

## 9. 렌더링 금지 패턴 (중요)

다음 패턴은 AI가 이미지에 직접 렌더링하므로, 프롬프트에서 **표시할 텍스트**와 **스타일 지시**를 반드시 분리하여 작성해야 한다.

### 금지 패턴 목록

| 금지 패턴 | 문제점 | 올바른 방식 |
|----------|--------|------------|
| `"제목" (24pt)` | "24pt"가 이미지에 렌더링됨 | 텍스트 규격 섹션에 별도 명시 |
| `"텍스트" ← 네이비 배경` | "← 네이비 배경"이 렌더링됨 | 색상 팔레트/그래픽 요소 섹션에 별도 명시 |
| `[설명 텍스트]` | 대괄호 내용이 그대로 렌더링됨 | 작성 지침 섹션으로 분리 |
| `(강조)`, `(크게)` | 괄호 내용이 렌더링됨 | 그래픽 요소 섹션에 별도 명시 |
| `48pt Bold 주황색` | 폰트 사양이 텍스트로 렌더링됨 | 텍스트 규격 테이블에 별도 정의 |

### 올바른 작성 예시

```
✅ 올바른 방식 (표시 텍스트와 스타일 지시 분리):

## 반드시 포함할 텍스트 (이미지에 표시됨)
- "평균 66세"
- "50.8%"
- "농업현장 인력 위기"

## 텍스트 규격 (스타일 정의용 - 렌더링 안됨)
| 요소 | 크기 | 굵기 | 색상 |
|------|------|------|------|
| 대제목 | 24pt | Bold | 흰색 |
| 통계 숫자 | 48pt | Bold | 주황색(#E67E22) |

## 작성 지침 (렌더링 안됨 - 의도 전달용)
- 통계 숫자를 크게 강조하여 시각적 임팩트 부여
- 반 이상이 70세 이상임을 진행률 바로 시각적 표현
- 대제목은 중앙 정렬로 배치
```

### 프롬프트 섹션별 역할 구분

| 섹션 | 내용 | 이미지 렌더링 |
|------|------|--------------|
| 반드시 포함할 텍스트 | 실제 표시될 텍스트 목록 | ✅ 렌더링됨 |
| ASCII 레이아웃 | 구조와 위치 (텍스트만) | ✅ 렌더링됨 |
| 텍스트 규격 | 폰트 크기/굵기/색상 정의 | ❌ 렌더링 안됨 |
| 그래픽 요소 | 박스/화살표 스타일 정의 | ❌ 렌더링 안됨 |
| 작성 지침 | 의도/강조점 설명 | ❌ 렌더링 안됨 |
| 색상 팔레트 | HEX 코드 및 용도 정의 | ❌ 렌더링 안됨 |

---

## 10. 품질 체크리스트

### 디자인 일관성
- [ ] 색상 팔레트가 4색 이내인가?
- [ ] 모든 박스가 동일한 스타일(둥근 모서리)인가?
- [ ] 화살표/연결선 스타일이 일관적인가?
- [ ] 텍스트 계층 구조가 명확한가?

### 정보 완결성
- [ ] 캡션과 관련된 핵심 정보가 모두 포함되었는가?
- [ ] 텍스트가 한글로 작성되었는가?
- [ ] 약어/전문용어가 적절히 설명되었는가?

### 기술 정확성
- [ ] 색상 HEX 코드가 정확한가?
- [ ] 16:9 비율이 명시되었는가?
- [ ] 해상도(4K)가 명시되었는가?

### 가독성
- [ ] 텍스트 크기가 적절한가? (11pt 이상)
- [ ] 충분한 여백이 확보되었는가?
- [ ] 정보 계층이 시각적으로 구분되는가?

---

## 11. 프롬프트 품질 기준

### 필수 요구사항 (미달 시 재작성)

| 항목 | 필수 기준 | 설명 |
|------|----------|------|
| 프롬프트 총 줄 수 | 500줄 이상 | 상세 예시 수준 |
| ASCII 레이아웃 영역 | 6개 | 전체/상단/좌측/우측상단/우측하단/하단 |
| 반드시 포함할 텍스트 | 50개 이상 | 카테고리별 분류 필수 |
| 참고 데이터 출처 테이블 | 8개 이상 | 출처(문서명:라인번호) 필수 |
| 기술 용어 체크리스트 | 10개 이상 | 약어 풀이 포함 |
| 디자인 체크포인트 | 7개 이상 | 색상/레이아웃/텍스트 검증 |
| 그림 구성 핵심 포인트 | 5개 | 영역별 핵심 메시지 |
| 정보 계층 구조 | 3단계 | Primary/Secondary/Tertiary 모두 명시 |

### 14개 필수 섹션 (모두 포함 필수)

| 순서 | 섹션명 | 필수 내용 |
|------|--------|----------|
| 1 | 캡션 및 요약 | 캡션 원문 + 핵심 요소 나열 |
| 2 | 이미지 유형 | PPT 스타일, 해상도, 표현 방식 |
| 3 | 색상 팔레트 | 4색 HEX 코드 + 사용처 |
| 4 | 전체 레이아웃 | ASCII 전체 구조 |
| 5 | 상단 영역 | ASCII 타이틀 바 상세 |
| 6 | 좌측 영역 | ASCII + 모든 내용 구체적 기재 |
| 7 | 우측 상단 영역 | ASCII + 모든 내용 구체적 기재 |
| 8 | 우측 하단 영역 | ASCII + 모든 내용 구체적 기재 |
| 9 | 하단 영역 | ASCII + 모든 내용 구체적 기재 |
| 10 | 텍스트 규격 | 폰트 크기/굵기/색상 |
| 11 | 그래픽 요소 | 박스/화살표/구분선 스타일 |
| 12 | 반드시 포함할 텍스트 | 50개 이상, 카테고리별 |
| 13 | 참고 데이터 출처 테이블 | 8개 이상 |
| 14 | 체크리스트 및 버전 관리 | 기술용어/디자인/구성/버전 |

### 플레이스홀더 금지

- `[내용]`, `[항목]`, `[텍스트]` 형식 절대 금지
- ASCII 박스 내 모든 내용은 실제 데이터로 채움
- 원본 문서에서 추출한 구체적 데이터만 사용

---

## 12. 주의사항

### 금지 사항
- 5색 이상의 색상 사용
- 과도한 그라데이션
- 3D 효과 남용
- 텍스트 과밀 배치
- 영문 텍스트 (한글 사용 필수)
- 프롬프트에 플레이스홀더 그대로 남기기 ([내용] 형식 금지)
- 표시 텍스트 옆에 폰트 크기/스타일 직접 기재 (예: "제목" 24pt)
- 화살표 주석 사용 (예: ← 네이비 배경)
- 대괄호 지침 텍스트 (예: [여기에 강조 표시])

### 권장 사항
- 정보의 논리적 흐름 표현
- 핵심 정보 강조
- 균형 잡힌 레이아웃
- 일관된 디자인 언어 유지
- 모든 텍스트는 실제 내용으로 채우기
- 출처 명시로 검증 가능성 확보
- 표시 텍스트와 스타일 지시를 분리된 섹션에 작성
- ASCII 레이아웃에는 실제 표시될 텍스트만 포함

---

## Meta

```yaml
version: "1.0"
created: "2026-01-30"
consumers:
  - figure
```

Related Skills

ipc-classification-guide

18
from orientpine/honeypot

IPC/CPC 국제특허분류 체계 가이드. 특허 검색 시 IPC 코드 구조 이해, 기술 분야별 코드 탐색, 검색 전략 수립에 활용. Use when: (1) IPC 코드의 의미나 구조를 파악할 때, (2) 특정 기술 분야의 IPC 코드를 찾을 때, (3) 특허 분류 체계 설계 시 IPC 코드 매핑이 필요할 때, (4) 'IPC code', 'patent classification', '특허 분류', 'CPC code' 관련 질문 시.

image-reference-guide

18
from orientpine/honeypot

이미지/도표 수집, 출처 표기, 활용 방법 가이드

data-collection-guide

18
from orientpine/honeypot

Chapter 2 데이터 수집 품질 기준 및 검증 방법

chapter5-guide

18
from orientpine/honeypot

Chapter 5 (기타 참고자료) 작성 가이드 - 템플릿 및 요구사항 통합

chapter4-guide

18
from orientpine/honeypot

Chapter 4 (사업 기대효과) 작성 가이드 - 템플릿 및 요구사항 통합

chapter3-guide

18
from orientpine/honeypot

Chapter 3 (사업 목표 및 추진 전략) 작성 가이드 - 템플릿 및 요구사항 통합

chapter2-guide

18
from orientpine/honeypot

Chapter 2 (국내외 시장 및 기술 동향) 작성 가이드 - 템플릿, 요구사항, 웹검색 전략 통합

chapter1-guide

18
from orientpine/honeypot

Chapter 1 (개발대상 및 필요성) 작성 가이드 - 템플릿, 요구사항, 웹검색 전략 통합

wiki-gen

18
from orientpine/honeypot

>

theme-whatif

18
from orientpine/honeypot

visual-generator whatif 목적 테마(미래 비전 스냅샷). theme=whatif 또는 purpose=whatif일 때 사용. 단일 팔레트 + Future Snapshot/Hero Statement 레이아웃 가이드 + 장면 구성 5요소 + 몰입 기법 포함.

theme-seminar

18
from orientpine/honeypot

visual-generator seminar 테마(세미나/발표 자료) 무드 팔레트. theme=seminar일 때 사용. 9종 무드(technical-report, clarity, tech-focus, growth, connection, innovation, knowledge, presentation, workshop) 각각 4색 팔레트 제공.

theme-pitch

18
from orientpine/honeypot

visual-generator pitch 목적 테마(피치덱). theme=pitch 또는 purpose=pitch일 때 사용. Apple 다크 그래디언트 팔레트 + Z-Pattern/Single-Hero 레이아웃 가이드 + 피치덱 슬라이드 시퀀스 포함.