figure-guide
SKILL.md
이미지 생성 프롬프트 작성 가이드
국책과제 연구계획서의 이미지 생성을 위한 프롬프트 작성 규칙을 정의한다.
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: 기본 구조 작성
[이미지 생성 프롬프트]
## 이미지 유형
[기본 요구사항 명시]
## 색상 팔레트 (4색 제한)
[4색 팔레트 명시]
Step 3: 레이아웃 상세화
## 전체 레이아웃 구성
[ASCII 다이어그램으로 레이아웃 표현]
## 영역별 상세 구성
[각 영역의 내용과 스타일 명시]
Step 4: 텍스트 명시
## 반드시 포함할 텍스트 (한글)
- "텍스트1"
- "텍스트2"
- ...
Step 5: 그래픽 요소 정의
## 그래픽 요소
[박스, 화살표, 아이콘 스타일 명시]
## 텍스트 규격
[폰트 크기, 굵기, 색상 명시]
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
version: "1.0"
created: "2026-01-30"
consumers:
- figure
Weekly Installs
17
Repository
orientpine/honeypotGitHub Stars
10
First Seen
Feb 22, 2026
Security Audits
Installed on
mcpjam17
command-code17
replit17
junie17
windsurf17
zencoder17