← 세미클래스 OT — AI 기초부터 바이브코딩까지·L2 - 데모 1 자료: 웹앱/봇 협업

L2 데모 진행 프롬프트.md

마크다운 자료 · 본문에 다운로드 링크 포함

Level 2 촬영 스크립트 — 서비스 3종 쇼케이스 (3분)

목표: Level 2를 "챗봇 하나의 제작기"가 아니라, 프롬프트가 작동하는 서비스의 첫 버전으로 바뀌는 단계로 보여준다. 편집본 길이: 3분 (B1 50s · B2 70s · B3 60s) 원칙: 각 예시는 완성 화면만 보여주지 말고, 반드시 "만드는 과정"을 10~20초 포함한다.

프레이밍

L0는 한두 줄 프롬프트로 일상 업무를 줄이는 단계였다.
L1은 보고서, 피치덱, 블로그처럼 업무 콘텐츠를 통째로 만드는 단계였다.
L2는 화면, 데이터, API, 배포가 붙은 사람이 실제로 쓰는 서비스를 만드는 단계다.

이번 L2는 세 가지 서비스를 빠르게 보여준다.

  1. Semiclass 입장 봇 — 현장에서 실제로 쓰는 운영 챗봇
  2. 건축 모델링 뷰어 — Route Workspace Codex가 만드는 3D 공간 시각화 서비스
  3. AXOracle — SEMO Incubator 파이프라인에서 나온 실제 출시 서비스

Take 1 · Semiclass 입장 봇 (50초)

장면 구성

  1. https://semi-colon.space/bots/semiclass production 화면을 연다.
  2. "위치가 어떻게 되나요?"를 입력해 본월드플레이스 주소와 입구 사진 카드를 보여준다.
  3. "문앞에 있어요 문 열어주세요" 템플릿을 누른다.
  4. Slack #proj-semiclass 알림이 들어오는 장면을 보여준다.
  5. 코드/구현 과정은 10초만: API route, Claude API, Slack 알림 연결 키워드만 fast-forward.

나레이션

"첫 번째는 여러분이 실제로 쓴 Semiclass 입장 봇입니다. 위치를 물어보면 사진으로 안내하고, 문 열어달라고 하면 운영진 Slack에 바로 알림이 갑니다. Level 2는 이렇게 화면과 AI 답변, 운영 알림이 연결되는 단계예요."

촬영 체크

  • 참가자 실명, 이메일, 세션 ID는 블러 처리한다.
  • Slack 화면은 데모 메시지 또는 익명화된 메시지만 사용한다.
  • 문열기 요청 이후 "참여자분 성함이 어떻게 되시나요?" 흐름까지 보이면 좋다.

Take 2 · Route 건축 모델링 뷰어 (70초)

촬영 위치

  • Route Workspace Codex pane이 만든 건축 모델링/3D 공간 시각화 프로젝트.
  • 브라우저 localhost 또는 배포 URL이 있으면 배포 URL 우선.

장면 구성

  1. Codex에 붙인 프롬프트를 5초 보여준다.
  2. 파일 생성/수정 과정을 fast-forward로 10~15초 보여준다.
  3. 완성된 건축 모델링 화면을 연다.
  4. 건물 외관, 층/공간 구성, 카메라 회전/확대 같은 인터랙션을 보여준다.
  5. 마지막 5초는 "이런 공간/제품 설명도 서비스 화면이 될 수 있다"는 장면으로 닫는다.

촬영용 프롬프트

건물설계 회사의 보고용 도구로 사용하기위한 5층짜리 필로티 건물을 사실적으로 3D모델링해줘. UI로 외벽이 있는 모드 / 와이어프레임 등 전환할 수 있어야 하고 카메라를 통해 돌려보거나 확대/축소할 수 있어야 해

나레이션

"두 번째는 Route 쪽 Codex가 만든 건축 모델링 뷰어입니다. 여기서는 챗봇이 아니라, 공간을 직접 돌려보고 설명할 수 있는 3D 서비스가 나옵니다. 중요한 건 제가 Three.js를 외워서 만든 게 아니라, 원하는 공간과 조작 방식을 말로 정의했다는 점이에요."

자막

이 코드는 자동 생성됩니다. 보실 필요 없어요.

코드 화면은 15초를 넘기지 않는다.

Take 3 · AXOracle 실제 서비스 (60초)

장면 구성

  1. https://axoracle.com 또는 준비된 AXOracle 스크린샷을 연다.
  2. 온보딩 → 직무 선택 → 결과/리스크 화면 흐름을 빠르게 보여준다.
  3. 제작 과정은 10~15초: "가설 → 화면 → 진단 흐름 → 출시" 식의 보드나 커밋/작업 로그를 fast-forward로 보여준다.
  4. 초기 성과를 한 줄로 보여준다: 출시 2주 · 18,000+ 활성.
  5. Incubator 연결 멘트로 닫는다.

대체 자료

AXOracle 실서비스 접속이 불안하면 introduction 팀 소개 자료의 스크린샷을 사용한다.

  • ../introduction/docs/team-intro/deck/assets/photos/axoracle-01-onboarding.png
  • ../introduction/docs/team-intro/deck/assets/photos/axoracle-02-job-select.png
  • ../introduction/docs/team-intro/deck/assets/photos/axoracle-04-risk-detail.png

나레이션

"세 번째는 AXOracle입니다. 이건 데모가 아니라 실제로 출시된 서비스예요. Level 2에서 만드는 첫 버전이 더 다듬어지고, 검증되고, 운영까지 붙으면 이런 식의 실서비스로 확장됩니다."

주의

  • 후반 proof 섹션에서 AXOracle을 다시 길게 설명하지 않는다.
  • Level 2 안에서는 "실제 서비스까지 이어진다"는 증거로만 짧게 쓴다.

보안 멘트

L2 전체 끝나기 전 5초 자막으로 넣는다.

민감한 데이터는 자체 서버·사내망 구성으로 설계할 수 있습니다.

나레이션:

"회사 데이터가 걱정되는 경우에는 자체 서버나 사내망 구성으로 외부 전송을 줄이는 방식까지 설계할 수 있습니다."

산출물 파일명

  • level2-01-semiclass-bot.mp4
  • level2-01-building-modeling.mp4
  • level2-03-axoracle.mp4
  • level2-edit-3min.mp4
  • level2-full-youtube.mp4

실패 대응

리스크대응
Semiclass 봇 production 장애사전 녹화 fallback/level2/semiclass-bot-production.mp4 재생
Route 건축 모델링 로컬 빌드 실패완성본 URL 또는 사전 녹화 fallback/level2/building-modeling.mp4 사용
AXOracle 접속 장애introduction 팀 소개 자료의 스크린샷 3장으로 대체
시간이 밀림각 서비스 완성 화면 20초씩만 보여주고 제작 과정은 자막으로 처리

핵심 판단

  • Semiclass 봇 하나를 3개로 쪼개지 않는다. L2는 서비스 종류의 폭을 보여준다.
  • 건축 모델링은 "3D 장난감"이 아니라, 비전공자도 공간·제품·매장 콘셉트를 인터랙티브 서비스로 설명할 수 있다는 증거로 쓴다.
  • AXOracle은 "실제 출시까지 간 결과"로 짧게 사용한다.
  • 만드는 과정은 반드시 포함하되, 코드 설명은 하지 않는다.