AgentSkillsCN

figure-guide

图像生成提示词编写指南——整合提示词指南、标题文案模式及示例提示词

SKILL.md
--- frontmatter
name: figure-guide
description: "이미지 생성 프롬프트 작성 가이드 - 프롬프트 가이드, 캡션 패턴, 예시 프롬프트 통합"

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

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


1. 기본 요구사항

이미지 유형

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

디자인 원칙

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

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

기본 파란색 계열 팔레트

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

색상 사용 규칙

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

3. 텍스트 규격

폰트 크기 및 굵기

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

텍스트 배치 원칙

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

4. 그래픽 요소 스타일

박스 스타일

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

화살표 및 연결선

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

구분선

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

아이콘/심볼

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

5. 레이아웃 구성

기본 레이아웃 구조

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

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

분류 알고리즘

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

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

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

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

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

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

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

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

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

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

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

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

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

code
┌─────────────────────────────────────────────────────────────────┐
│  [타이틀 - 네이비]                                               │
├─────────────────────────────────────────────────────────────────┤
│                                                                 │
│  ┌────────┐     ┌────────┐     ┌────────┐     ┌────────┐      │
│  │ 단계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 주황색폰트 사양이 텍스트로 렌더링됨텍스트 규격 테이블에 별도 정의

올바른 작성 예시

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

## 반드시 포함할 텍스트 (이미지에 표시됨)
- "평균 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