만든 과정
프리셋은 이렇게 만들었어요
프리셋 9개 모두 같은 여섯 단계를 거쳐 만들었어요. 단계마다 그때 실제로 만든 결과를 프리셋별로 그대로 보여 드려요.
프리셋 하나가 만들어지는 길
사람은 컨셉 한 문장을 쓰고, 고르고, 확인했어요. 나머지는 에이전트가 했어요.
- 컨셉 한 문장사람만들고 싶은 서비스를 한두 문장으로 쓰기
- 여섯 단계아래에서 단계를 고르면 누가 무엇을 했는지와 그때 만든 결과가 보여요.
- 공개에이전트GitHub Pages에 올려 누구나 열어 볼 수 있게
- 만든 사람이 실제로 쓴 값 (리디자인과 모든 페이지로 넓히기)
- 프리셋 하나에 약 2시간 15분~4시간 25분, 약 360만~940만 토큰올곧은 리디자인 없이 처음부터 모든 페이지를 만들어 약 8시간 20분, 약 630만 토큰이 들었어요.
- 만든 에이전트
- Claude Code(Opus 5.5)
- 프리셋 팩으로 따라 만들면
- 약 1시간~7시간 50분 (여러 번 고치면 약 11시간 45분까지)고쳐 달라고 할 때마다 더 들어요 고치기 약 2~12분 검사 약 1~3분 모든 페이지 다시 확인 13쪽 약 5분, 203쪽 약 6~37분 리뷰 에이전트 약 4~10분 마무리 약 1~15분 시간과 비용 읽는 법
1 / 6
디자인 스타일 고르기
디자인 모음 사이트에는 잘 만든 실제 서비스의 색, 글꼴, 간격 규칙이 모여 있어요. 그중 이 서비스에 어울리는 스타일을 1~3위까지 추천받고, 하나를 골라 바탕으로 삼았어요.
- 에이전트
- 디자인 모음 사이트 3곳을 살펴 1~3위 추천, DESIGN.md에 정리
- 사람
- 스타일과 대표 색 고르기
이 단계에서 실제로 만든 결과
고른 스타일MasterClassRefero
프리셋 9개 모두 보기
| 프리셋 | 그룹 | 고른 스타일 · 모음 사이트 |
|---|---|---|
| 울림 | AI | MasterClass · Refero |
| 제철상자 | 스타트업 | Oakâme · Refero |
| PACECREW | 스타트업 | Vodafone · awesome-design-md |
| AFTERGLOW | 기업 | ORYZO AI · Refero |
| 고루 | 스타트업 | Monzo · Refero |
| 핏슬롯 | 학원 | sweetgreen · Refero |
| Uptrail | SaaS | Default · Refero |
| 하루공부 | 스타트업 | Wise · awesome-design-md |
| 올곧 | 학원 | 입시학원 사이트 · 직접 실측 |
프리셋도 dev-cycle 라운드로 만들었어요. 라운드마다 독립 리뷰와 사용자 확인을 거쳐요.dev-cycle 라운드 문서프로킷 소개에서 보기

