만능 교구 프롬프트 구조 공개 | 이 틀 하나로 어떤 AI 교구든 만든다 — 5과목 예시 포함

📌 이 글 요약

• 어떤 교구든 만들 수 있는 "만능 프롬프트 구조" 공개
• 이 틀 하나 외워두면 과목·단원·형태 상관없이 AI에게 교구를 시킬 수 있음
• 국영수사과 5과목 변형 예시 포함 — 복사해서 바로 사용

// 만능 교구 프롬프트 구조

━━ BLOCK 1: 무엇을 만들 것인가 ━━

【교구 유형】을/를 HTML 단일 파일로 만들어줘.

━━ BLOCK 2: 교과 맥락 ━━

과목: 【과목명】

단원: 【단원명 + 성취기준(선택)】

대상: 【고등학교 1학년 / 중학교 2학년 등】

문항 수 또는 데이터 수: 【10문항 / 8개 카드 등】

━━ BLOCK 3: 기능 요구사항 ━━

- 핵심 인터랙션 (클릭/드래그/입력/슬라이더)

- 피드백 방식 (즉시 정답/채점 버튼/점수)

- 타이머 유무

- 결과 화면

- 모바일 반응형

━━ BLOCK 4: UI/디자인 ━━

- 한국어 UI

- 폰트: Noto Sans KR (Google Fonts CDN)

- 메인 색상: 【#4A90D9 등】

- 스타일: 깔끔, 둥근 모서리, 그림자

━━ BLOCK 5: 데이터 구조 + 수정 가이드 ━━

- 데이터를 배열로 분리해서 수정하기 쉽게

- "// ===== 여기에서 문항을 수정하세요 =====" 주석 표시

- 데이터 형식 예시 제공: [{필드1: "값", 필드2: "값"}]

OX 퀴즈 게임을 HTML 단일 파일로 만들어줘.

과목: 국어 / 내용: 맞춤법과 표준어 OX 확인 / 문항: 15개
기능: 문항당 10초 타이머, O/X 버튼, 즉시 피드백, 결과 화면
UI: 한국어, Noto Sans KR, 메인색 #FF6B6B
데이터: [{q: "문장", a: true/false}] 형태로 분리

플래시카드 암기 도구를 HTML 단일 파일로 만들어줘.

과목: 영어 / 내용: 수능 필수 어휘 30개 / 대상: 고2
기능: 카드 클릭 시 flip, 알아요/몰라요 분류, 진행도 표시
UI: 한국어+영어 혼용, Noto Sans KR, 메인색 #5C6BC0
데이터: [{front: "영단어", back: "뜻+예문"}] 형태

함수 그래프 탐색기를 HTML 단일 파일로 만들어줘.

과목: 수학 / 내용: y=ax²+bx+c 이차함수 그래프
기능: a,b,c 슬라이더로 실시간 그래프 변화, 꼭짓점·대칭축 자동 표시
UI: 한국어, Canvas 또는 SVG, 메인색 #FF8F00
데이터: 슬라이더 범위 a(-3~3), b(-5~5), c(-5~5)

카드 분류 게임을 HTML 단일 파일로 만들어줘.

과목: 통합사회 / 내용: 기본권 4종 분류 (자유권/평등권/참정권/사회권) / 카드: 12개
기능: 카드를 4개 영역에 드래그하여 분류, 정답 확인 버튼, 점수
UI: 한국어, 터치 지원, 메인색 #7C4DFF
데이터: [{text: "표현의 자유", category: "자유권"}] 형태

스피드 퀴즈를 HTML 단일 파일로 만들어줘.

과목: 화학 / 내용: 원소 기호 ↔ 원소 이름 매칭 / 문항: 30개
기능: 30초 타이머, 4지선다, 연속 출제, 최고기록 저장(localStorage)
UI: 한국어, 모바일 최적화, 메인색 #00ACC1
데이터: [{q: "Fe", choices: ["철","금","은","구리"], answer: 0}] 형태

추가하면 좋은 한 줄들:

• "이미지를 넣을 수 있는 구조로" → 이미지 문항 지원
• "효과음 포함 (Web Audio API)" → 게임감 향상
• "다크모드 토글" → 학생 선호 반영
• "결과를 PNG로 저장" → 제출물 활용
• "localStorage에 진행도 저장" → 이어하기 가능
• "문항 순서 랜덤화" → 복사 방지

• → OX퀴즈 배틀 게임 (Block 1: OX퀴즈)
• → 4지선다 CBT (Block 1: CBT)
• → 카드 짝맞추기 (Block 1: 매칭 게임)
• → 타임라인 정렬 (Block 1: 순서 정렬)
• → 빈칸 채우기 (Block 1: 빈칸 퀴즈)
• → 스피드 퀴즈 (Block 1: 스피드 게임)
• → 플래시카드 (Block 1: 플래시카드)
• → 팀 스코어보드 (Block 1: 스코어보드)
• → 개념 관계도 (Block 1: 관계도 빌더)
• → 시뮬레이션 (Block 1: 시뮬레이터)