2026 바이브코딩 도구 선택 지도
만들 결과를 고르면 첫 도구와 안전선을 확인하는 실제 선택 사례입니다.
실제 사례와 HTML 13개
AI 교육자료에 공개된 결과를 사용해 보고, 같은 HTML을 내려받아 내 수업으로 바꿔 보세요.
5초 안에 읽는 수업 시작 카드
제목·지금 할 일·완료 신호만 남긴 Canva AI 시각 설계 사례입니다.
기후 행동 선택과 즉시 피드백
Google AI Studio에서 교과 내용으로 바꾸는 선택형 단일 HTML 사례입니다.
수업 제작 근거 묶음
Claude Cowork에서 사실·출처·제작 결정을 분리한 완성 기준 예시입니다.
진행 표시를 더하는 선택 활동
Claude Code로 한 파일의 한 기능만 바꾸는 시작 HTML 사례입니다.
인터랙티브 수업자료 제작 브리프
ChatGPT Work에서 근거와 결정을 한 화면에 고정한 완성 기준 예시입니다.
교사를 위한 바이브코딩 연수 안내
학생 정보를 받지 않는 교사용 공개 안내의 완성 기준 예시입니다.
진행 표시 오류 재현 실험실
Codex에 예상·실제·재현 순서로 수정 작업을 맡기는 단일 HTML 사례입니다.
AI 교육자료 공개 전 실행 점검
Eduitit에 올린 뒤 실행·모바일·개인정보·공개 링크를 확인하는 사례입니다.
20분 현장 연수 리허설
강사·프로젝터·참가자 역할과 막힘 흐름을 실제로 확인하는 사례입니다.
인구 변화 확인용 자료
연도별 전체 인구와 65세 이상 인구를 출처·확인 기준과 함께 정리한 Cowork 연습 자료입니다.
가상 학교 안내문
수업자료에 사용할 수 있는 정보와 제외할 정보를 구분하는 개인정보 없는 Cowork 연습 자료입니다.
수업 기획 메모
학습 목표·학생 행동·확인 필요 항목을 분리해 둔 Cowork 연습용 수업 메모입니다.