영상은 내 화면을 모릅니다
버튼 위치가 다르거나 에러가 나면, 어디서부터 틀어졌는지 스스로 판단해야 합니다.
AI guided coding class
TOOLUS는 터미널, npm, 에러 메시지를 모르는 사람도 첫 프로젝트를 끝까지 만들 수 있게 화면 위에서 다음 행동을 정확히 안내하는 AI 코딩 과외 선생입니다.
설치 전 체험
화면 위 안내
즉시 질문
왜 어려운가
초보자는 코딩보다 “따라가는 법”에서 먼저 막힙니다.
매뉴얼은 단어부터 낯섭니다
터미널, npm, 패키지, 경로 같은 말이 나오면 설명을 읽어도 행동으로 옮기기 어렵습니다.
질문하기까지 시간이 걸립니다
지금 어떤 화면인지, 뭘 눌렀는지, 에러가 무슨 뜻인지 다시 설명해야 합니다.
TOOLUS 방식
강의 화면 위에 바로 올라오는 다음 행동
TOOLUS는 수강생에게 긴 설명을 먼저 읽히지 않습니다. 지금 화면에서 가능한 행동을 찾고, 다음에 해야 할 클릭, 입력, 저장을 실제 UI 위에서 짚어줍니다.
정확한 위치 안내
메뉴, 버튼, 입력창을 화면 위에서 직접 하이라이트합니다.
상태 기반 트러블슈팅
현재 화면과 파일 상태를 기준으로 막힌 이유를 설명합니다.
통제된 실습 흐름
강의자는 preset을 설계하고, 수강생은 안정적인 환경에서 따라갑니다.
1
현재 화면 파악
어떤 파일, 패널, 입력창이 열려 있는지 확인
2
다음 행동 표시
눌러야 할 버튼과 입력값을 화면 위에 표시
3
질문과 복구
에러가 나면 그 자리에서 원인과 해결 순서 제시
강의자를 위한 제품
“보고 따라 하세요”를 “화면에서 같이 해보세요”로 바꿉니다.
초보자용 바이브 코딩 입문
프롬프트보다 먼저 환경에서 막히는 수강생에게 안정적인 첫 성공 경험을 제공합니다.
반복 질문 감소
강사가 매번 설명하던 클릭 위치, 파일 생성, 저장, 에러 확인을 제품이 대신 안내합니다.
브라우저 체험 후 설치형 확장
랜딩에서는 통제된 demo를 제공하고, 자유 프로젝트는 로컬 설치형 환경으로 이어갑니다.
Interactive demo
Theia web IDE에서 guide overlay를 바로 확인하세요.
체험 화면에서 Command Palette를 열고 TOOLUS Demo: New File Guide를 실행하면 파일 생성 guide가 실제 Theia UI 위에 표시됩니다.
FAQ
데모와 실제 제품의 경계
브라우저 데모에서도 실제 파일이 만들어지나요?
네. 브라우저의 OPFS 가상 파일 시스템에 저장됩니다. 로컬 디스크를 직접 건드리지는 않습니다.
터미널 실행도 실제인가요?
랜딩 demo v1에서는 파일과 에디터 guide를 우선 검증합니다. 터미널과 네트워크 흐름은 통제된 mock 또는 설치형 제품에서 다룹니다.
왜 preset 방식인가요?
초보자 강의에서는 자유 생성보다 “오늘 반드시 완성할 흐름”이 중요합니다. preset은 결과를 안정적으로 만들고 질문 대응을 쉽게 합니다.