본문으로 건너뛰기
프로킷

만든 과정

프리셋은 이렇게 만들었어요

프리셋 9개 모두 같은 여섯 단계를 거쳐 만들었어요. 단계마다 그때 실제로 만든 결과를 프리셋별로 그대로 보여 드려요.

프리셋 하나가 만들어지는 길

사람은 컨셉 한 문장을 쓰고, 고르고, 확인했어요. 나머지는 에이전트가 했어요.

  1. 컨셉 한 문장사람만들고 싶은 서비스를 한두 문장으로 쓰기
  2. 여섯 단계아래에서 단계를 고르면 누가 무엇을 했는지와 그때 만든 결과가 보여요.
  3. 공개에이전트GitHub Pages에 올려 누구나 열어 볼 수 있게
만든 사람이 실제로 쓴 값 (리디자인과 모든 페이지로 넓히기)
프리셋 하나에 약 2시간 15분~4시간 25분, 약 360만~940만 토큰올곧은 리디자인 없이 처음부터 모든 페이지를 만들어 약 8시간 20분, 약 630만 토큰이 들었어요.
만든 에이전트
Claude Code(Opus 5.5)
프리셋 팩으로 따라 만들면
약 1시간~7시간 50분 (여러 번 고치면 약 11시간 45분까지)시간과 비용 읽는 법

1 / 6

디자인 스타일 고르기

디자인 모음 사이트에는 잘 만든 실제 서비스의 색, 글꼴, 간격 규칙이 모여 있어요. 그중 이 서비스에 어울리는 스타일을 1~3위까지 추천받고, 하나를 골라 바탕으로 삼았어요.

에이전트
디자인 모음 사이트 3곳을 살펴 1~3위 추천, DESIGN.md에 정리
사람
스타일과 대표 색 고르기

이 단계에서 실제로 만든 결과

고른 스타일MasterClassRefero

프리셋 9개 모두 보기
프리셋 그룹 고르기블로그0개포트폴리오0개갤러리0개
프리셋그룹고른 스타일 · 모음 사이트
울림AIMasterClass · Refero
제철상자스타트업Oakâme · Refero
PACECREW스타트업Vodafone · awesome-design-md
AFTERGLOW기업ORYZO AI · Refero
고루스타트업Monzo · Refero
핏슬롯학원sweetgreen · Refero
UptrailSaaSDefault · Refero
하루공부스타트업Wise · awesome-design-md
올곧학원입시학원 사이트 · 직접 실측

프리셋도 dev-cycle 라운드로 만들었어요. 라운드마다 독립 리뷰와 사용자 확인을 거쳐요.dev-cycle 라운드 문서프로킷 소개에서 보기