⏰ 예상 시간: 15분 프로토타입은 누군가가 사용해보고 반응할 수 있는 제품 아이디어의 가장 작은 버전입니다. Pace를 예제로 사용할 것입니다: 러너에게 훈련, 회복, 진행 상황의 세련된 개요를 제공하는 프리미엄 러닝 트래커.Documentation Index
Fetch the complete documentation index at: https://docs.replit.com/llms.txt
Use this file to discover all available pages before exploring further.
배울 내용
다음을 배우게 됩니다:- 광범위한 제품 아이디어를 하나의 테스트 가능한 플로우로 전환하는 방법.
- Plan 모드를 사용하여 빌드 전에 프로토타입 범위를 정하는 방법.
- Agent의 계획이 테스트하기에 충분히 작은지 검토하는 방법.
- Canvas 주석과 협업을 사용하여 맥락 내에서 피드백을 수집하는 방법.
- 제품 방향이 불분명할 때 두 가지 프로토타입 방향을 병렬로 탐색하는 방법.
프롬프트 작성하기
위의 프롬프트는 Pace를 설명합니다 — 세련된 홈 대시보드, Add Run 플로우, 통계, 플레이스홀더 계획 보기, 실제적인 샌프란시스코 샘플 데이터가 있는 개인 러닝 트래커. Replit에 직접 붙여넣으려면 Copy the prompt를 사용하거나, 프롬프트가 이미 첨부된 상태로 Replit을 열려면 Build on Replit을 사용하세요.프롬프트는 시각적 방향, 화면, 모의 데이터, 플레이스홀더가 무엇인지에 대해 의도적으로 구체적입니다 — 그것이 Agent에게 평가할 명확한 목표를 제공하는 것입니다.
Plan 모드 사용하기 (선택 사항)
Agent가 코드를 작성하기 전에 제품 방향을 먼저 생각하도록 하려면, 프롬프트 입력란 옆의 Plan을 토글하세요. Plan 모드는 빌드를 승인하기 전에 검토할 수 있는 구조화된 계획을 만듭니다 — 방향이 아직 완전히 결정되지 않았을 때 유용합니다.
Agent가 빌드한 것 검토하기
Agent가 완료되면 Preview를 열고 Pace를 처음 방문하는 사람처럼 사용해 보세요.다음을 확인하세요:
- 현실적인 샘플 달리기로 채워진 Alex Morgan 대시보드를 볼 수 있는지.
- 떠 있는 + 또는 히어로 Start a Run 버튼에서 새 달리기를 기록할 수 있는지.
- Recent Runs에 달리기가 나타나고 This Week 통계가 업데이트되는지.
- Runs, Stats, Plan, Profile 탭을 탐색할 수 있는지.
- 모바일 레이아웃을 확인하기 위해 Preview를 폰 크기 너비로 조정할 수 있는지.
게시하고 피드백 요청하기
주요 플로우가 작동하면 게시하세요.
한 주의 훈련을 추적하려는 러너로서 Pace를 사용해 보세요. 달리기를 하나 기록하고, 대시보드를 살펴보고, 혼란스럽거나 동기 부여가 되는 것을 알려주세요.좋은 피드백은 다음에 무엇을 빌드할지 결정하는 데 도움이 되어야 합니다. 막연한 답변을 원하지 않는다면 “어떻게 생각하세요?”라고 묻지 마세요.
팀과 협업하기
제품 프로토타입은 팀원들이 동일한 아티팩트를 검토하고 맥락 내에서 피드백을 줄 수 있을 때 더 나아집니다.얼마나 가까이 함께 작업해야 하는지에 따라 협력자를 초대하세요:
- 이 프로토타입만 검토하거나 도움을 줄 사람은 프로젝트에 초대하세요. 팀원 초대하기를 참조하세요.
- 진행 중인 팀의 일원이고 여러 프로젝트에 접근이 필요한 사람은 워크스페이스에 초대하세요. 팀 워크스페이스를 참조하세요.
🎉 축하합니다
제품 아이디어를 집중적이고 공유 가능한 프로토타입으로 변환했습니다 — 팀원과 고객이 사용해보고 반응할 수 있는 동작하는 Pace 대시보드. 어려운 부분은 이 프로토타입이 아니었습니다. 광범위한 아이디어를 하나의 테스트 가능한 플로우로 줄이고, 맥락 내에서 피드백을 수집하고, 다음에 무엇이 빌드할 가치가 있는지 결정하는 방법을 배우는 것이었습니다.다음 단계
피드백을 사용하여 다음 단계 중 하나를 선택하세요:데이터베이스 추가하기
새로 고침 후에도 달리기 기록을 저장하세요.
로그인 추가하기
각 러너에게 자신의 진행 상황이 있는 계정을 제공하세요.
모바일 앱 빌드하기
iOS 또는 Android에서 폰 우선 추적으로 Pace를 가져가세요.
데이터에서 대시보드 만들기
달리기 기록을 진행 인사이트로 전환하세요.
병렬로 빌드하기
제품 방향에 대한 질문이 단순히 구현에 관한 것이 아닐 때, 여러 아이디어를 동시에 탐색하면 너무 일찍 전념하는 대신 옵션을 비교할 수 있습니다. Replit Agent는 병렬 작업을 지원합니다 — 동시에 둘 이상의 프로토타입, 기능, 또는 실험에 대해 Agent에게 작업을 요청하고 나란히 검토할 수 있습니다.
- 동기 부여 우선 프로토타입: 연속 기록, 성취, 격려하는 추천.
- 분석 우선 프로토타입: 더 깊은 통계, 주별 트렌드, 개인 기록.
어느 버전이 내일 다시 돌아오게 만들 가능성이 더 높고, 그 이유는 무엇인가요?
추가 도움이 필요하신가요?
- 프로토타입에 기능이 너무 많을 때: Agent에게 하나의 목표 사용자와 하나의 플로우로 줄여달라고 요청하세요.
- 대상이 불명확할 때: Agent에게 한 명의 목표 사용자를 위해 환영 섹션을 다시 작성해달라고 요청하세요.
- 모의 데이터가 위험을 숨길 때: Agent에게 실제인 것과 모의인 것의 목록을 만들어달라고 요청하세요.
- 피드백이 막연할 때: 검토자에게 하나의 작업과 하나의 질문을 주세요.
- 게시가 실패할 때: 게시 문제 해결을 사용하세요.