Fold
인터랙티브 수학 학습
GPT 6.1 Sol
7 · 디자인 사례
인터랙티브 학습 디자인: 수학, 과학, 체스, 코딩
원의 기하학, 회로, 분자 구조, 체스 전술을 직접 조작하는 활동으로 바꾼 수업을 살펴 보세요. 시연, 단계별 연습, 구체적인 피드백이 어떻게 이어지는지 비교해 보세요.
주목할 점
학습자가 각 단계에서 무엇을 하는지, 그 행동이 개념을 어떻게 드러내는지 확인하세요. 오답에는 현재 행동의 결과를 설명하고, 완료 후에는 점수만 보여 주는 대신 추론 과정을 남겨야 합니다.
설치 및 사용 가이드 →
Circuit Lab
물리 교육 실험실
GPT 6.1 Sol
분자 사이
화학 학습 · 분자 조립
GPT 6.1 Sol
Forkside
체스 전술 레슨
GPT 6.1 Sol
Neuron
인터랙티브 과학 설명
GPT 6.1 Sol
아일랜드 코딩
어린이 코딩 어드벤처
GPT 6.1 Sol
Pip
언어 학습 앱
GPT 6.1 Sol
관련 가이드
시나리오 플레이북 · 모바일 앱 UI
모바일 앱 UI 플레이북
AI Agent가 데스크톱 웹페이지를 좁은 모바일 화면에 억지로 끼워 넣은 듯한 결과물을 만들지 않게 하세요. 나란히 배치한 screens.html 보드와 촉각적인 상태로 390×844 다중 화면 모바일 앱을 디자인하세요.
디자인 방법 · 나란히 비교하기나란히 놓는 디자인 방향 비교
하나의 HTML 보드에서 서로 다른 디자인 방향 3가지를 비교하는 것이 초안 하나를 두고 프롬프트를 반복하는 것보다 나은 이유를 알아보세요. Orvo, Atelier Volders, Fonderie Mercier의 다방향 시리즈를 살펴 보세요.
디자인 방법 · 실제 화면 블라인드 리뷰실제 화면 블라인드 리뷰
편집기에서 JSX와 CSS만 검사하면 레이아웃 버그를 놓치는 이유를 알아보세요. Oil UI가 1440px/390px 브라우저 스크린샷, 200% 크롭, 흐린 블록 검사, 블라인드 서브에이전트를 사용하는 방법을 소개합니다.