AI Planner MVP Prototype

실제 공부 계획표처럼 흰 종이 위에 날짜, 총 공부시간, 과목별 할 일, 세로 타임테이블, 오늘 메모가 한 장에 보이는 구성을 메인으로 잡았습니다. Figma 호출 제한 때문에 우선 로컬 HTML로 만든 클릭형 시안입니다.

로컬 저장

화면 흐름

공부토끼가 계획을 덜 채우는 이유

AI 계획표 기본값: 가용 시간의 80%

오늘 할 수 있게
계획을 덜어줄게

공부 계획은 100% 채우면 작은 변수에도 무너져요. AI는 80%만 목표로 잡고, 20%는 백업 시간으로 남겨둡니다.

D-DAY
COMMENT
오늘은 80%만 채우고 20%는 백업 시간으로 남겨둘게요.
TOTAL TIME
4h 50m
TASKS
영어
단어 30개워드리 와이즈 readingessay 1문단
수학
쎈 50번 오답gr.10 math 복습
과학
화학 개념 1.2실험 노트 정리
국어
문학 지문 1개
PLUS
물 마시기가방 정리
TIMETABLE
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
MEMO
무리하지 않는 최선을 다하자
D-DAY
COMMENT
오늘은 80%만 채우고 20%는 백업 시간으로 남겨둘게요.
TOTAL TIME
4h 50m
TIMETABLE
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
TASKS
영어
단어 30개워드리 와이즈 readingessay 1문단
수학
쎈 50번 오답gr.10 math 복습
과학
화학 개념 1.2실험 노트 정리
국어
문학 지문 1개
PLUS
물 마시기가방 정리
MEMO
무리하지 않는 최선을 다하자

가용 시간대 선택

06:00부터 익일 02:00까지 10분 칸을 쭉 드래그하면 구간이 잡힘

AVAILABLE TIME
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1

AI 생성 계획안

아직 원본 계획에는 반영되지 않은 초안

5시간 20분 중 4시간 15분만 채웠어요. 남은 1시간 5분은 백업 시간입니다.

영어 단어 30개
수학 쎈 50번 오답
국어 문학 지문 1개
과학 화학 개념 1.2
오늘 오답 표시

공부톡

감정과 요청을 반영해서 계획을 제안

오늘 시험 못 봐서 공부하기 싫음.

그럴 수 있어. 오늘은 “잘해야 한다”보다 “다시 시작 가능한 정도”로 낮춰볼게. 수학 오답을 40분짜리가 아니라 3개의 아주 작은 행동으로 바꿔보자.

제안: 입 앞까지 가져가는 계획
1. 문제집 꺼내기
2. 책상 위에 올려두기
3. 해당 페이지만 펼치기

싫으면 1번도 다시 3단계로 쪼갤 수 있어.
플래너로 돌아가기

지금 할 3개

한 번에 100개가 아니라 지금 당장 할 3개만

오늘 작은 행동 완료율 52%

1. 문제집 꺼내기예상 30초완료
2. 책상 위에 올려두기예상 30초완료
3. 페이지 번호만 찾기예상 1분완료

사용자가 “이것도 싫어”라고 하면 실패가 아니라 해당 단계를 다시 3개로 낮춥니다.

완료 피드백

진동 + 칭찬 + 성공 게이지

방금 한 건
진짜 시작이야

문제집을 꺼냈다면 이미 마찰을 하나 줄인 거야. 다음은 책상 위에 올려두기만 해보자.

AI 리밸런싱 샌드박스

완료 전까지 원래 계획에는 덮어쓰지 않음

샌드박스 편집 중: 아직 실제 계획에 반영되지 않았어요.

원래 계획

수학 오답 80분
영어 단어 40분
과학 개념 60분
국어 지문 50분

AI 제안

수학 오답 35분
쉬는 시간 10분
수학 오답 25분
영어 단어 30분
과학 개념 45분

양이 너무 많은 날은 “완벽한 조정”보다 오늘 무너지지 않는 순서가 더 중요해요.

안전 안내

위험 신호에는 일반 답변 중단

지금은 계획 조정보다 안전이 먼저예요

자살, 자해, 심각한 우울감, 폭력, 약물/중독, 성적 농담처럼 신체적·정신적 위험을 키울 수 있는 질문에는 답변하지 않고 즉시 도움 받을 곳을 안내합니다.

긴급: 119 / 범죄 위험: 112
자살예방상담: 109
청소년상담: 1388
정신건강위기상담: 1577-0199
학교폭력: 117

AI 질문권

광고 제거 + AI 기능 사용권

질문권은 단순 질문뿐 아니라 리밸런싱, 더 작게 쪼개기, 상담 제안에도 사용됩니다.

월 1,100원 광고 제거 + AI 질문권 15회 선택

안전 안내는 질문권을 차감하지 않습니다.

AI Planner 가로모드

아이패드나 폰 가로 화면에서 오늘 계획, 시간표, 지금 할 3개를 한 번에 보는 확장 레이아웃입니다.

D-DAY
COMMENT
오늘은 80%만 채우고 20%는 백업 시간으로 남겨둘게요.
TOTAL TIME
4h 50m
STUDY TALK

오늘 시험 못 봐서 공부하기 싫음.

그럴 수 있어. 오늘은 “잘해야 한다”보다 “다시 시작 가능한 정도”로 낮춰볼게. 수학 오답을 40분짜리가 아니라 3개의 아주 작은 행동으로 바꿔보자.

제안: 입 앞까지 가져가는 계획
1. 문제집 꺼내기
2. 책상 위에 올려두기
3. 해당 페이지만 펼치기

싫으면 1번도 다시 3단계로 쪼갤 수 있어.
AVAILABLE TIME
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
TASKS
영어
단어 30개워드리 와이즈 readingessay 1문단
수학
쎈 50번 오답gr.10 math 복습
과학
화학 개념 1.2실험 노트 정리
국어
문학 지문 1개
PLUS
물 마시기가방 정리
TIMETABLE
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
MEMO
무리하지 않는 최선을 다하자
TIMETABLE EDIT

가용 시간 밖에 걸쳐 있어요. 적용하면 가용 시간에 자동으로 추가돼요.

이미 잡힌 시간이 있어요. 적용하면 기존 계획 시작 전까지만 잘라 넣을게요.

가용 시간에 추가할까요?

선택한 시간이 가용 시간 밖에 있어요.

D-DAY EDIT

날짜를 비운 D-day는 표시하지 않아요. 칸이 좁아지면 가까운 일정부터 보여줘요.

색상 값은 0xffffff, #ffffff 또는 transparent로 입력해줘.

D-2 | 기말고사
HEADER STYLE
YEAR | MONTH | DAY

폰트마다 크기 차이가 커서 선택지별로 크기, 자간, 굵기를 자동 보정해요.

색상 값은 0xffffff 또는 #ffffff처럼 6자리로 입력해줘.

SECTION EDIT

색상 값은 0xffffff 또는 #ffffff처럼 6자리로 입력해줘.

SECTION CHIPS

색상 값은 0xffffff 또는 #ffffff처럼 6자리로 입력해줘.