Agent skill
course-resource-creator
course-builder의 강의 섹션을 읽고 핵심 기술 내용을 추출하여 Gemini에서 고품질 슬라이드 이미지를 생성하기 위한 프롬프트를 작성합니다.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/development/course-resource-creator
SKILL.md
Course Resource Creator (교육 자료 이미지 프롬프트 생성기)
이 스킬은 course-builder의 강의 섹션을 읽고 핵심 기술 내용을 추출하여, Google Gemini가 최상의 품질로 슬라이드 이미지를 생성할 수 있도록 최적화된 프롬프트를 작성하는 수동 작업 도구입니다.
🎓 NADIO Course Production Pipeline
📝 course-builder (기획)
↓ section_XX_XX_*.md (교육 콘텐츠)
🎙️ course-dialog-builder (오디오 + 타임스탬프)
↓ lecture_X_Y_refined.json (segments with timestamps)
↓ lecture_X_Y_complete.mp3
🖼️ course-resource-creator (이미지 프롬프트) ← YOU ARE HERE
↓ segment_*.md (기술 내용 추출)
↓ image_prompts.txt (Gemini 입력용)
↓ segment_*.png (수동 생성, 1:1 매핑)
🎬 course-video-creator (타임스탬프 기반 조립)
↓ lecture_X_Y_auto.mp4 (refined.json 타임스탬프 직접 사용)
📤 course-inflearn-uploader (업로드)
🎯 목적
- course-builder에서 생성한 상세한 교육 콘텐츠를 읽고 핵심 기술 내용만 추출
- 추출한 내용을 기반으로 segment 파일 생성 (이미지 설명용)
- segment 파일을 읽고 Gemini 이미지 생성 프롬프트 작성
- 수동으로 Gemini 웹사이트에서 이미지 생성
📂 입력 및 출력
입력 파일
- 강의 섹션:
course-builder/output/inflearn_sections/ch{N}/section_{chapter}_{section}_{topic}.md- 예:
section_01_01_agent.md,section_01_02_runtime.md - 상세한 교육 내용, 코드 예시, 설명 포함
- 예:
출력 파일
-
segment 파일 (기술 내용 + 이미지 프롬프트):
output/lecture_{X}_{Y}/segment_{N}_{type}.md- 예:
segment_0_opening.md,segment_1_concept.md - 각 파일에 다음 두 섹션 포함:
- 이미지에 그려질 기술 내용: 코드, 다이어그램, 플로우차트
- Gemini 이미지 생성 프롬프트:
=== Slide N: ... ===형식의 전체 프롬프트
- Gemini에서 직접 복사하여 사용 가능
- 예:
-
생성된 이미지:
output/lecture_{X}_{Y}/images/segment_{N}.png- Gemini 웹사이트에서 수동 생성
- 16:9 가로 형식 (1920x1080 or 1280x720)
- segment_N.png는 segment_id N과 1:1 매핑
⚠️ 중요: image_prompts.txt 별도 파일은 생성하지 않음. 모든 프롬프트는 각 segment 파일 내부에 포함됨
🛠️ 작업 흐름 (Manual Workflow)
1단계: 강의 섹션 분석 및 Segment 파일 작성 (🔴 필수)
목적: refined.json의 각 segment를 분석하여 이미지 설명용 마크다운 파일 작성
🔴 필수 규칙: refined.json의 segment 개수 = segment 파일의 개수
- refined.json에 4개 segments가 있으면 → 반드시 4개 segment 파일 생성
- refined.json에 7개 segments가 있으면 → 반드시 7개 segment 파일 생성
- segment_id와 파일 개수가 정확히 1:1 매핑되어야 함
작업 과정:
-
lecture_X_Y_refined.json파일 읽기segments배열의 개수 파악- segment_id 범위 확인 (0부터 N까지)
-
각 segment마다 시각화할 내용 추출
- segment_id와 type 기반으로 파일명 결정
- 기술 내용, 코드, 다이어그램 포함
- 교육용 시각 요소(아이콘, 화살표, 구조도) 추가
- 마지막에 반드시 4가지 필수 준수사항 포함
-
Segment 파일 생성 (모든 segment에 대해)
- 기술 내용은 간결하게 요약
- Gemini 이미지 생성 프롬프트는
references/nano_minimalist_standard.md의 형식을 엄격히 준수
-
각 segment 파일 검증
- ✅ segment_id 순서대로 생성되었는지 확인
- ✅ refined.json의 segments 개수와 파일 개수 일치 확인
- ✅ 모든 파일에 필수 준수사항 포함 확인
- ✅ 시각화 가능성 확인
출력: output/lecture_X_Y/segment_0_*.md ~ segment_N_*.md (총 N+1개)
2단계: 각 Segment 파일에 이미지 프롬프트 추가 (🔴 필수)
목적: 각 segment 파일의 기술 내용 아래에 Gemini 이미지 프롬프트를 직접 포함
참고 문서:
references/nano_minimalist_standard.md: 프롬프트 템플릿과 스타일 가이드의 Source of Truth입니다. 모든 프롬프트 작성 시 이 파일을 반드시 참조하십시오.
파일 구조 (각 segment_{N}_{type}.md):
# Segment {N}: {type} - {제목}
## 이미지에 그려질 기술 내용
[코드, 다이어그램, 플로우차트 등]
---
## Gemini 이미지 생성 프롬프트
=== Slide {N}: {Type} - {제목} ===
FORMAT: 16:9 horizontal educational slide (1920x1080)
CONTENT:
{시각화할 내용에 대한 한국어 지시문. 상황 묘사, 배치, 메타포 등을 간결하게 서술.}
상단 라벨: "Segment {N}: {Type} - {제목}"
메인 제목: "{압축된 메인 제목}"
제목 아래 얇은 구분선.
{구체적인 비주얼 요소 묘사. 왼쪽/오른쪽/중앙 배치 등.}
DESIGN REQUIREMENTS:
- 배경: 순수 흰색
- 시각 요소:
* 상단 라벨 및 제목
* {핵심 비주얼 요소 1}
* {핵심 비주얼 요소 2}
- 스타일: {스타일 정의 (예: 현대적 인포그래픽, 미니멀리즘 다이어그램)}
EXACT KOREAN TEXT:
Segment {N}: {Type} - {제목}
{메인 제목}
{본문 텍스트 - 나노 미니멀리즘 적용}
[키워드] 내용
⬇️
[키워드] 내용
"여기에 핵심 메시지 한 문장 (따옴표 포함)."
🖼️ 이미지 생성 필수 조건:
- 시간 필요없어 , 오늘 날짜
- 오늘 시간 필요 없다 표현 하지 마라
- 항상 흰 바탕
- 전체에 꽉차게 그려줘
필수 규칙:
- Nano-Minimalism: 텍스트는 극한으로 압축
- No Robot: 로봇 금지, 추상적 형상/아이콘 사용
- 4가지 필수 조건:
EXACT KOREAN TEXT마지막에 반드시 포함
출력: output/lecture_X_Y/segment_0_*.md ~ segment_N_*.md
3단계: Segment 파일 검증 및 최적화
목적: 작성된 segment 파일들이 이미지 생성에 최적화되어 있는지 확인
검증 과정:
- 각 segment 파일의 "이미지에 그려질 기술 내용" 섹션 검토
- 각 segment 파일의 "Gemini 이미지 생성 프롬프트" 섹션 검증
references/nano_minimalist_standard.md준수 여부 확인- 4가지 필수 준수사항 포함 확인
- FORMAT이 "16:9 horizontal" 지정되어 있는지 확인
출력: 최적화된 segment 파일들 (프롬프트 포함)
4단계: Gemini 이미지 생성 (수동)
⚠️ 완전 수동 작업 - 자동화 불가
작업 순서:
- segment 파일 열기
- Gemini 3 웹사이트 접속: https://gemini.google.com
- 각 segment 파일의 "Gemini 이미지 생성 프롬프트" 섹션을 순차적으로 복사하여 붙여넣기
- 생성된 이미지 다운로드 및 저장 (
output/lecture_X_Y/images/)
📋 segment 파일 작성 가이드
참고: 상세한 가이드와 예시는 .claude/skills/course-resource-creator/references/nano_minimalist_standard.md 파일을 참조하세요.
필수 포함 사항
- 이미지에 그려질 기술 내용 섹션
- Gemini 이미지 생성 프롬프트 섹션
=== Slide N: ... ===형식- EXACT KOREAN TEXT 마지막에 반드시 🖼️ 이미지 생성 필수 조건 4가지 포함
🎨 이미지 생성 품질 기준
Nano-Minimalist Standard 준수:
- 포맷: 16:9 가로
- 텍스트: 압축적이고 간결하게 (구구절절 설명 금지)
- 비주얼: 로봇 금지. 직관적인 인포그래픽, 아이콘, 다이어그램 사용
- 스타일: 깔끔하고 전문적인 교육용 디자인
� 참고 자료
references/nano_minimalist_standard.md: 이미지 프롬프트 작성의 표준 가이드references/manual_workflow.md: 수동 작업 워크플로우 참고/
Didn't find tool you were looking for?