figure-guide
이미지 생성 프롬프트 작성 가이드 - 프롬프트 가이드, 캡션 패턴, 예시 프롬프트 통합
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
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/figure-guide/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How figure-guide Compares
| Feature / Agent | figure-guide | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/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
IPC/CPC 국제특허분류 체계 가이드. 특허 검색 시 IPC 코드 구조 이해, 기술 분야별 코드 탐색, 검색 전략 수립에 활용. Use when: (1) IPC 코드의 의미나 구조를 파악할 때, (2) 특정 기술 분야의 IPC 코드를 찾을 때, (3) 특허 분류 체계 설계 시 IPC 코드 매핑이 필요할 때, (4) 'IPC code', 'patent classification', '특허 분류', 'CPC code' 관련 질문 시.
image-reference-guide
이미지/도표 수집, 출처 표기, 활용 방법 가이드
data-collection-guide
Chapter 2 데이터 수집 품질 기준 및 검증 방법
chapter5-guide
Chapter 5 (기타 참고자료) 작성 가이드 - 템플릿 및 요구사항 통합
chapter4-guide
Chapter 4 (사업 기대효과) 작성 가이드 - 템플릿 및 요구사항 통합
chapter3-guide
Chapter 3 (사업 목표 및 추진 전략) 작성 가이드 - 템플릿 및 요구사항 통합
chapter2-guide
Chapter 2 (국내외 시장 및 기술 동향) 작성 가이드 - 템플릿, 요구사항, 웹검색 전략 통합
chapter1-guide
Chapter 1 (개발대상 및 필요성) 작성 가이드 - 템플릿, 요구사항, 웹검색 전략 통합
wiki-gen
>
theme-whatif
visual-generator whatif 목적 테마(미래 비전 스냅샷). theme=whatif 또는 purpose=whatif일 때 사용. 단일 팔레트 + Future Snapshot/Hero Statement 레이아웃 가이드 + 장면 구성 5요소 + 몰입 기법 포함.
theme-seminar
visual-generator seminar 테마(세미나/발표 자료) 무드 팔레트. theme=seminar일 때 사용. 9종 무드(technical-report, clarity, tech-focus, growth, connection, innovation, knowledge, presentation, workshop) 각각 4색 팔레트 제공.
theme-pitch
visual-generator pitch 목적 테마(피치덱). theme=pitch 또는 purpose=pitch일 때 사용. Apple 다크 그래디언트 팔레트 + Z-Pattern/Single-Hero 레이아웃 가이드 + 피치덱 슬라이드 시퀀스 포함.