제품 사이트를 설계하여 월 9,000달러를 버는 중국의 19세 청년, 그는 오후 한나절 만에 사이트 하나를 완성합니다. 그의 정확한 설정

제품 사이트를 설계하여 월 9,000달러를 버는 중국의 19세 청년, 그는 오후 한나절 만에 사이트 하나를 완성합니다. 그의 정확한 설정 방법은 다음과 같습니다.

전체 과정은 각각 한 가지 작업만 수행하는 두 가지 도구로 운영됩니다:

수기로 작성된 브리프 (brief): 5분
Moonchild가 디자인 시스템 (design system)을 구축한 후, 이를 바탕으로 모든 화면을 생성: 20분
MCP가 디자인을 스크린샷이 아닌 실제 구조 (structure)로서 Claude에게 전달: 즉시
Claude Code가 해당 토큰 (tokens)을 정확히 읽어 실제 앱을 구축: 20분
두 번째 Claude 세션이 빌드 과정에서의 드리프트 (drift)를 검토: 10분

총합: 약 1시간. 다섯 번째 화면은 여전히 첫 번째 화면과 일치합니다. 에이전시도, 개발자도, 디자인 팀도 필요 없습니다.

비결은 MCP입니다. 디자인 도구가 Claude에게 실제 색상, 컴포넌트 (components), 레이아웃 (layout)을 전달하기 때문에, Claude는 사진을 보고 추측하는 대신 소스 (source)로부터 직접 구축합니다.

전체 파이프라인 (pipeline)과 모든 프롬프트 (prompt)는 위 기사에 있습니다.