젠 토토 BMAD 개발 데모

안녕하세요, 저는 차세대 시스템 연구실의 NM입니다

BMAD 방법: 아이디어에서 코드까지의 여정 자동화

제품 아이디어와 즉시 구축 가능한 코드베이스 사이의 격차로 인해 모놀리식 요구 사항과 복잡한 설정으로 인해 소프트웨어 프로젝트가 지연되는 경우가 많습니다BMAD(더 많이 건설, 건축가의 꿈) 방법전문 AI 젠 토토를 활용하여 전체 소프트웨어 개발 수명주기를 자동화함으로써 이 문제를 해결합니다

BMAD 젠 토토는 요구 사항을 정의하는 제품 관리자부터 스캐폴드 코드를 생성하는 전체 스택 개발자에 이르기까지 순차적으로 협력합니다 이 접근 방식은 오류가 발생하기 쉬운 수동 작업을 자동화되고 투명한 프로세스로 대체합니다

이 블로그에서는 PRD 사양부터 구현까지 간단한 "Todo 웹 앱" 프로젝트를 따라가며, 각 젠 토토가 단일 개념을 완전한 개발이 가능한 완전히 구조화되고 확장 가능한 프로젝트로 전환하는 데 어떻게 기여하는지 보여줍니다

BMAD 개발 흐름

이 다이어그램은 BMAD 개발 프로세스의 주요 구성 요소를 보여줍니다

 

다이어그램 소스:https://githubcom/bmad-code-org/BMAD-METHOD?tab=readme-ov-file#-see-it-in-action

다이어그램 키에 나열된 역할 중 이 데모에서는 프로젝트 관리자, UX 디자이너, 스크럼 마스터, 마지막으로 개발자를 사용합니다

 

BMAD: PRD 내에서 요구사항 정의 가속화

이 비디오는 세부 정보를 생성하여 프로젝트를 신속하게 정의하는 제품 관리자(PM) 젠 토토의 기능을 보여줍니다제품 요구 사항 문서(PRD)전체 프로세스는 요구 사항 수집 단계에 포함됩니다

순서는 사용자가 다음을 실행하면서 시작됩니다todo create-prd명령(0:05) 의 사용YOLO(You Only Live Once) 모드(0:30)을 통해 사용자는 최소한의 입력으로 프로젝트를 정의할 수 있습니다(할일 웹 앱) 그런 다음 PM 젠 토토는 핵심 개념, 대상 사용자, MVP 범위(1:02)를 포함한 기초 콘텐츠를 즉시 생성합니다

데모의 핵심은 젠 토토가 PRD 문서 구조를 자세히 설명하는 능력을 보여줍니다 사용자가 기술 스택을 개선한 후(1:29) PM 젠 토토는 단일 PRD 파일에 다음을 포함하여 복잡하고 자세한 섹션을 체계적으로 추가합니다

1. 비기능 요구사항(NFR)(2:03), 성능 및 안정성 기준을 다룹니다
2. UX 디자인 목표(2:24), 인터페이스 원칙과 접근성 표준을 정의합니다
3. 구조적 분해에픽과 사용자 스토리(2:48).

PM 젠 토토가 생성하고 추가하면 전체 PRD 문서가 완료된 것으로 간주됩니다건축가 보고서6890_7030PRDmd파일

요구사항을 설계 및 프런트엔드 사양으로 변환

이 비디오는 핵심 기능을 보여줍니다UX 전문 상담원 (ux-expert@agents)—이전에 정의된 PRD를 가져와 완전한 기술적 PRD로 변환하는 프로세스UX/프런트엔드 사양문서

젠 토토가 활성화되고 사용자가 다음을 실행합니다todo create-front-end-spec명령(0:09) 중요한 점은 젠 토토가 먼저 다음을 포함하여 기존 프로젝트 컨텍스트를 로드한다는 것입니다docs/prdmd파일(0:19), PM 젠 토토의 작업 연속성을 보장합니다

UX 전문 젠 토토는 다음을 생성합니다docs/front-end-specmd문서는 포괄적인 기술 및 설계 세부사항을 설명합니다 이 출력은 PRD를 실행 가능한 디자인 청사진으로 확장하는 여러 섹션으로 나뉩니다

1. 전체 UX 목표/원칙(0:43) 및대상 사용자 페르소나(1:04).
2. 상세 정의구성요소 상태 및 변형(1:53), 토스트, 스피너 및 빈 상태와 같은 UI 요소를 정의합니다
3. 포괄적디자인 토큰 추출(1:41) 섹션, 선택한 기술 스택에 대한 특정 타이포그래피, 아이콘 및 간격 규칙을 정의합니다(React with Tailwind)
4. 다음을 포함한 최종 세부 요소와이어프레임 (2:34) 그리고 완전한타임라인UX 및 아키텍처 단계용

동영상은 구현 단계의 철저한 기술 가이드 역할을 하는 성공적으로 완료된 UX/프런트 엔드 사양(2:39)을 제시하는 젠 토토로 마무리됩니다

 

설계 청사진에서 기술적인 풀 스택 아키텍처까지

이 비디오는 다음의 역할을 보여줍니다건축가 젠 토토 (architect@agents), 제품 요구사항 문서(PRD)와 UX/프런트엔드 사양을 종합하여 최종풀스택 아키텍처 문서.

젠 토토가 활성화되고(0:05) 이전의 모든 사양을 포함하여 기존 프로젝트 컨텍스트를 즉시 로드합니다(0:11) 사용자는 명령을 실행하여 전체 스택 아키텍처 문서를 생성합니다

데모의 핵심은 두 가지 기본 섹션을 생성하여 젠 토토의 복잡한 의사 결정 프로세스를 보여줍니다

1. 아키텍처 개요 및 결정(0:29):젠 토토는 Monorepo와 마이크로서비스의 장단점을 포함한 상위 수준 아키텍처와 TypeScript 사용, WebSocket을 통한 실시간 동기화 및 데이터베이스 근거와 같은 주요 아키텍처 선택을 정의합니다
2. 기술 스택 비교(1:40 – 2:00):젠 토토는 배포 및 데이터베이스 계층에 대한 공급업체 비교(예: Render, Railway, Flyio, Neon)를 자세히 분석합니다 상세한 내용을 제시합니다장단점 요약테이블, 설정, 비용, 성능 및 기능을 비교하여 가장 최적의 스택(Neon + Render)을 추천합니다

젠 토토는 상위 수준 아키텍처에 따라 전체 솔루션을 위한 세부 구성요소 정의를 진행합니다

• 데이터 모델(7:36 – 8:15): 관계형 스키마, 키 제약 조건 및 엔터티 관계 정의
• 구성요소 아키텍처(9:45): 애플리케이션을 모듈식 구성요소(앱 셸, 작업 관리, 인증)로 분해합니다

동영상은 젠 토토가 포괄적인 전체 스택 아키텍처 문서를 완료하고 구현을 위한 최종 기술 계획을 제공하는 것으로 마무리됩니다

스크럼 마스터는 문서 샤딩을 통해 실행 가능한 스토리를 보장합니다

이 비디오는 다음의 역할을 보여줍니다스크럼 마스터(SM) 젠 토토 (sm@agents), 동영상에서 '기술 스크럼 마스터'로 소개되었으며, 그의 주요 업무는 요구 사항 문서(PRD 및 아키텍처)가 구현을 위해 적절하게 구성되었는지 확인하는 것입니다

SM 젠 토토가 시작되고(0:06) 즉시 작업을 실행합니다(옵션 선택3, 스토리-체크리스트또는 옵션5, exit – 스크럼 마스터 모드 나가기) 젠 토토는 먼저 기존 PRD 문서를 로드합니다(0:25)

SM 젠 토토의 핵심 기능은 다음을 식별할 때 시연됩니다구성 불일치(0:40) 젠 토토는 프로젝트가 여러 에픽으로 구성되어 있지만 주요 구성(prdShared)은 모든 서사시 이야기가 부적절하게 단일체임을 나타냅니다 모두 단일에 포함되어 있습니다docs/prdmd파일을 에픽별로 별도의 파일로 분할하는 대신

젠 토토는 사용자에게 다양한 해결 옵션을 제공합니다(0:48) 사용자가 원하는 샤딩 옵션을 확인한 후 젠 토토는 자동으로 필요한 단계(1:41)를 실행하여 다음을 수행합니다문서 샤딩그것은 모놀리식을 분할합니다docs/prdmd다음과 같은 개별 서사시 파일로epic-1-foundation-core-task-managementmd, 개발팀이 개별 작업 패키지를 명확하고 관리하기 쉽게 만듭니다

동영상은 젠 토토가 프로젝트의 다음 첫 번째 스토리 파일을 생성하는 것으로 마무리되며(5:47) 프로젝트가 이제 적절하게 구조화되었으며 다음 개발 단계를 위한 준비가 되었음을 확인합니다

 

자동화된 Monorepo 설정 및 구현을 위한 도구

이 비디오는 의 시작을 표시합니다빌드(B) 및 배포(D)에 의해 구동되는 BMAD 흐름의 단계풀스택 개발자 젠 토토 (dev@agents), 동영상에서는 'James'로 식별됩니다 이 젠 토토는 첫 번째 스토리인 '11 프로젝트 설정 및 Monorepo 인프라'를 구현하는 임무를 맡고 있습니다

젠 토토가 시작되고(0:01) 사용자가 다음을 선택합니다“개발-스토리”명령(0:08) 젠 토토는 즉시 아키텍처 문서와 특정 스토리 파일(11project-setupmd), 실행 컨텍스트 설정(0:34)

데모의 핵심은 권장 TurboRepo 프레임워크를 사용하여 모노레포 구조를 설정하는 젠 토토의 작업입니다 여기에는 다음을 포함하여 여러 복잡한 다단계 작업을 자동으로 실행하는 작업이 포함됩니다

1. 모노레포 초기화 중:젠 토토는 TurboRepo 모노레포 구조를 초기화하는 명령을 실행하여 시작됩니다(0:50)
2. 스캐폴딩 애플리케이션:아키텍처에 정의된 개별 애플리케이션인 프런트엔드 애플리케이션의 스캐폴딩을 진행합니다 (앱/웹) React 및 Vite 및 백엔드 API 사용(앱/API) Nodejs 및 Express 사용(1:01)
3. 공유 패키지 구성:필수 공유 TypeScript 패키지를 생성하고 구성합니다 (공유 유형, 공유 패키지) (1:20), 모노레포의 모든 부분이 동일한 데이터 유형과 구성을 사용하도록 보장합니다
4. 품질 도구 설치:마지막 단계에는 특히 코드 품질 도구를 설치하고 구성하는 작업이 포함됩니다ESLint 및 더 예뻐짐및 통합허스키 Git 후크 (1:39 – 2:38).

동영상은 패키지 참조 오류 해결, 종속성 자동 설치, 필요한 모든 도구를 갖춘 완전한 기능의 모노 저장소 구조로 프로젝트를 사양 세트에서 신속하게 이동하는 등 복잡한 설정 작업을 처리하는 젠 토토의 능력을 보여줍니다

요약 및 남은 작업

우리는 PRD 생성부터 UX/프런트엔드 사양 및 풀 스택 아키텍처를 거쳐 초기 모노레포 설정에 이르기까지 BMAD 방법의 핵심 단계를 진행했습니다
남은 것: 스크럼 마스터 젠 토토는 개별 스토리 파일을 생성하고 개발자 젠 토토는 해당 스토리를 구현합니다(코드 작성, 모듈 통합, 배포) 이들은 협력하여 'Todo Web App'을 완성되고 프로덕션에 바로 사용할 수 있는 형태로 만듭니다

차세대 시스템 연구소에서는 그룹 전체 통합을 지원할 설계자를 찾고 있습니다 인프라 설계나 구축 경험이 있거나 차세대 시스템 연구실에 관심이 있으신 분은 연락주세요채용 공고 목록에서 신청해주세요