Mockly‑Company 공식 프로젝트 랜딩 페이지에 오신 것을 환영합니다.
여기서는 주요 레포지토리와 각 레포가 Mockly 생태계에서 어떤 역할을 하는지 소개합니다.

Mockly는 AI 면접 연습과 온라인 실전 면접 연습을 모두 제공하는 AI 기반 면접 플랫폼입니다.
사용자는 AI와 함께 면접을 연습하며 피드백을 받고, 실제 면접 상황을 미리 경험할 수 있습니다.
AI 기술을 통해 면접 질문 생성, 답변 분석, 코드 리뷰 등 다양한 기능이 자동화되어 있습니다.

• 서비스 기획서
• MVP 기능정의서
• 개인정보 처리방침
• 이용약관
• 디자인 시스템

• 인증 설계
• 결제 설계

목적: Mockly 생태계에서 AI 기능을 정형화하여 빠르게 개발할 수 있는 템플릿
주요 특징:

• AI 기반 기능을 표준화된 구조로 쉽게 구현 가능
• PR 시 자동으로 AI가 코드 리뷰 수행
• Claude Skills와 Command를 사용하여 AI 기능 확장 가능
• 모바일, 서버 등 다른 레포지토리에서도 재사용 가능

목적: Mockly 모바일 앱 프론트엔드
주요 특징:

• AI 면접 연습과 온라인 면접 연습 기능 제공
• AI_TEMPLATE 기반으로 AI 기능(면접 질문 생성, 답변 분석 등) 적용
• 사용자 경험과 인터랙션 최적화

목적: Mockly 플랫폼 백엔드 서비스
주요 특징:

• REST/GraphQL API 제공, 사용자 및 세션 관리
• AI_TEMPLATE 기반 AI 기능 처리(코드 리뷰, 답변 분석, 면접 시뮬레이션 등)
• 모바일 앱과 연동하여 실시간 데이터와 피드백 제공

• AI 기반 면접 자동화: 질문 생성, 답변 분석, 코드 리뷰까지 AI가 지원
• 정형화된 AI 개발 템플릿: AI_TEMPLATE과 Claude Skills/Command를 활용하여 빠른 기능 구현과 일관성 유지
• 모바일 + 서버 통합 플랫폼: 앱과 백엔드가 유기적으로 연동되어 실전과 유사한 환경 제공
• 개발자 친화적 환경: 코드 리뷰 자동화와 표준화된 구조로 개발 효율 극대화

1. 필요한 레포지토리(모바일/서버)를 클론하고 README를 참고하여 설정
2. AI 기능은 AI_TEMPLATE 기반으로 통합 및 구현 (Claude Skills/Command 사용 가능)
3. 모바일 ↔ 서버 ↔ AI 간 연동 구조 참고
4. 기여: 포크 → 기능 브랜치 → 풀 리퀘스트. AI 코드 리뷰가 자동으로 진행됨

• AI 면접 기능 고도화 (답변 피드백, 모의 면접 시나리오 확장)
• 모바일/웹 사용자 경험 개선
• AI_TEMPLATE 기능 확장: 새로운 AI 모듈 추가 (추천 질문, 평가 분석 등)
• 관측성 및 대시보드 강화

---
config:
  look: handDrawn
---
flowchart LR
 subgraph Auth["로그인
 (Google | Apple)"]
  end

 subgraph Tabs["메인 탭 네비게이터"]
        Home["홈"]
        Local["동네면접"]
        Interview["면접"]
        Chat["채팅"]
        MyPage["마이페이지"]
  end
 subgraph Payment["결제 네비게이터"]
        PayHistory["결제 내역"]
        SubPay["구독 결제"]
        PaySuccess["결제 성공"]
        PayFail["결제 실패"]
  end
 subgraph Subscribe["주문(구독) 네비게이터"]
        Sub["구독하기"]
        SubChange["구독 변경"]
        SubCancel["구독 취소"]
  end
 subgraph PG["PG사 결제창"]
  end
 subgraph MainApp["메인 앱 (인증 필요)"]
    direction TB
        Tabs
        Payment
        Subscribe
        PG
        Product["상품 선택<br>바텀시트 스크린"]
  end
    MyPage --> Product & PayHistory & SubCancel
    Product -- 주문 id 생성 --> Sub
    Product --> SubChange
    Sub -- 결제 id 생성 --> SubPay
    SubPay --> PaySuccess & PayFail
    PG -- 실제 결제 + 빌키 생성 <--> SubPay
    Landing["온보딩"] --> Auth
    Auth -- 토큰 --> MainApp

    style Tabs fill:#d4edda
    style Payment fill:#fff3cd
    style Subscribe fill:#d1ecf1
    style Product fill:#e2e3e5
    style Landing fill:#f8d7da

라이트	다크	모바일 스토리북	웹 스토리북
			디자인 시스템 보러가기

Mockly와 함께 AI 면접 연습의 새로운 경험을 만들어 나가요. 🎉