프로젝트 목록으로 돌아가기
SaaS DevelopmentLiveWeb, Desktop
Kickly: AI 기반 MVP 기획 및 실행
스타트업 아이디어를 출시 가능한 제품으로 전환하는 AI 기반 SaaS — Next.js 웹 앱, Electron 데스크톱 시간 추적 도우미, 6개의 NestJS 마이크로서비스, 그리고 Yjs/HocusPocus 협업 서버를 아우릅니다. 다중 모델 AI 계획 생성(GPT, Claude, Gemini), 구조화된 프로젝트 관리, 실시간 협업 문서, 그리고 종단 간 작업 추적 기능을 결합합니다.
20+
Technologies
11+
Key Features
Web, Desktop
Platform
주요 기능
다중 모델 AI 계획 생성 (GPT, Claude, Gemini)아이디어당 9가지 계획 변형 (3개 계층 x 3개 버전)칸반 보드를 갖춘 구조화된 에픽, 작업, 하위 작업 계층실시간 협업 문서 편집 (Yjs CRDT)Excalidraw 화이트보드를 갖춘 BlockNote 리치 텍스트 에디터통합 작업 공간의 Mermaid 다이어그램 및 PDF 뷰어
개발 하이라이트
GPT, Claude, Gemini를 갖춘 다중 모델 AI 엔진계층별 일괄 생성을 통한 9가지 계획 변형Yjs CRDT 실시간 협업 편집도메인 분리가 적용된 6개의 NestJS 마이크로서비스자동 화면 캡처 기능이 있는 Electron 데스크톱 앱전체 라이프사이클 관리를 포함하는 Razorpay 구독이중 JWT를 사용한 비밀번호 없는 OTP 인증
기술 스택
Next.js 15React 18TypeScriptTailwind CSSshadcn/uiNestJS 11MongoDBMongooseOpenAI APIAnthropic Claude SDKGoogle Gemini SDKYjsHocusPocusBlockNoteExcalidraw
우리의 기여
풀스택 플랫폼
Next.js 프론트엔드, 6개의 NestJS 마이크로서비스, 그리고 독립형 Electron 데스크톱 애플리케이션을 아우르는 풀스택 SaaS 플랫폼을 개발했습니다.
다중 모델 AI 엔진
OpenAI GPT, Anthropic Claude, Google Gemini를 대체 가능한 생성 백엔드로 지원하며 폴백 복원력을 갖춘 다중 모델 AI 엔진을 구축했습니다.
계층별 계획 생성
일괄 생성 및 실시간 진행 상황 추적 기능을 통해 9가지 계획 변형(3개 계층 x 3개 버전)을 생성하는 계층별 계획 생성을 구현했습니다.
협업 문서 작업 공간
실시간 커서 존재감 및 충돌 없는 병합 기능을 갖춘 Yjs CRDT 및 HocusPocus WebSocket을 사용하여 실시간 협업 문서 작업 공간을 설계했습니다.
리치 에디터 스위트
BlockNote 리치 텍스트 에디터, Excalidraw 화이트보드, Mermaid 다이어그램, 그리고 PDF 뷰어를 통합된 인터페이스에 담아 풍부한 문서 작업 공간을 구축했습니다.
작업 추적 시스템
화면 녹화, 녹화 간격, 작업 수준 작업 로그, 주간 근무표, 그리고 시간 분석 기능을 포함하는 완전한 작업 추적 시스템을 구축했습니다.
데스크톱 애플리케이션
자동 화면 캡처, 유휴 감지, 그리고 플랫폼 백엔드와의 실시간 동기화 기능을 갖춘 데스크톱 Electron 시간 추적 애플리케이션을 개발했습니다.
마이크로서비스 아키텍처
인증(Auth), 프로젝트(Project), 작업 추적(Work Tracking), 문서(Document), 협업(Collaboration), 알림(Notification) 도메인을 포괄하는 6개 서비스 NestJS 마이크로서비스 시스템을 설계했습니다.
결과
AI 기획: 종단 간 AI 기반 MVP 기획협업: Yjs CRDT를 사용한 실시간 다중 사용자 편집아키텍처: 확장 가능한 6개 서비스 마이크로서비스작업 공간: 하나로 통합된 BlockNote + Excalidraw + Mermaid + PDF
이 프로젝트의 특별한 점
하나의 스타트업 아이디어를 받아 다중 모델 AI 생성을 통해 구조화되고 실행 가능한 제품 계획을 생성하며, 이후 계획 실행을 위한 프로젝트 관리 및 협업 작업 공간 도구를 제공합니다 — 이 모든 것이 하나의 플랫폼에서 가능합니다.
자주 묻는 질문
MicrocosmWorks는 OpenAI GPT, Anthropic Claude, Google Gemini를 자동 대체 복원력을 갖춘 상호 교환 가능한 생성 백엔드로 지원하도록 AI 엔진을 구축했습니다. 사용자는 선호하는 모델을 선택할 수 있으며, 시스템은 작업 유형에 가장 적합한 모델로 기본 설정됩니다. 각 아이디어는 3가지 계층(MVP, Growth, Scale)과 계층당 3가지 버전에 걸쳐 총 9가지 계획 변형을 생성하여 창업자들이 개발 경로를 확정하기 전에 AI가 생성한 접근 방식을 비교할 수 있도록 합니다.
MicrocosmWorks는 Yjs CRDT (Conflict-free Replicated Data Type) 및 HocusPocus WebSocket 서버를 사용하여 실시간 협업 기능을 구현했습니다. 여러 팀원이 BlockNote 리치 텍스트 문서, Excalidraw 화이트보드, 및 Mermaid 다이어그램을 실시간 커서 표시 및 충돌 없는 병합 기능을 통해 동시에 편집할 수 있습니다. 두 사용자가 동일한 섹션을 동시에 편집할 때에도 변경 사항은 데이터 손실 없이 실시간으로 전파됩니다.
MicrocosmWorks는 설정 가능한 간격으로 자동 화면 캡처 및 사용자가 자리를 비울 때 추적을 일시 중지하는 유휴 감지 기능을 통해 작업 시간을 추적하는 크로스 플랫폼 Electron 데스크톱 애플리케이션을 구축했습니다. 캡처된 작업 로그는 실시간으로 Kickly 웹 플랫폼 백엔드와 동기화되어 작업별 근무 시간표, 주간 보고서 및 팀 분석 대시보드에 데이터를 제공합니다. 이 데스크톱 앱은 분산된 스타트업 팀을 위한 책임감과 청구 가능한 시간 추적 기능을 제공합니다.
MicrocosmWorks는 명확한 도메인 분리를 통해 6개의 NestJS 마이크로서비스를 구축했습니다: Auth (이중 JWT를 사용하는 패스워드리스 OTP), Project (아이디어 관리, 계획 생성, 작업 계층 구조), Work Tracking (화면 기록, 시간 기록, 작업 시간표), Document (BlockNote 에디터, Mermaid 다이어그램, PDF 뷰어), Collaboration (Yjs/HocusPocus 실시간 동기화), 그리고 Notification (AWS SES를 통한 이메일, 인앱 알림). 이러한 분리를 통해 각 서비스를 독립적으로 확장하고 배포할 수 있습니다.
MicrocosmWorks는 체크아웃, 요금제 업그레이드, 취소, 인보이스 생성 등 전체 수명 주기 관리를 포함한 구독 청구를 위해 Razorpay를 통합했습니다. 요금제 티어는 활성 프로젝트 수, 월별 AI 생성 크레딧, 팀원 좌석 수, 저장 공간 한도를 제어합니다. 크레딧 소모는 AI 생성 요청당 추적되며, 시스템은 초과 사용을 방지하고 한도에 도달하면 업그레이드를 유도합니다.