본문으로 건너뛰기
프로킷

프롬프트 한 번으로, 기획부터 배포까지

AI 시대,
누구나 프로처럼.
프로킷

기획과 디자인, 개발, 배포는 물론 프로 개발자가 챙기는 검사와 리뷰까지 프로킷이 해요. 여러분은 시안을 고르고 확인만 하면 돼요.

상상을 서비스로,
더 빠르게.

프리셋 둘러보기

프리셋마다 프리셋 팩으로 만들어 보거나, 팩을 바탕으로 나만의 서비스로 바꾸거나, 컨셉 한두 문장으로 처음부터 만들어요. DB와 로그인 없이 예시 데이터로 모든 페이지의 화면을 만들어 HTML로 내보내요. 클론 코딩은 로그인, DB, 배포까지 실제로 동작하는 서비스를 끝까지 만들어요. 프리셋 팩을 써도 AI가 만들기 때문에 프리셋과 100% 똑같이 만들어지지는 않을 수 있어요.

프리셋 팩으로 만들 때 프리셋 하나에(클론 코딩 제외) 한 번에 완성하면 약 1시간~7시간 50분(여러 번 고쳐 달라고 하면 약 11시간 45분까지) 걸리고, 토큰은 최소 약 125만~550만(캐시 포함 약 6,900만~2.8억)이 들어요. Claude Pro·ChatGPT Plus 가능 (5시간 한도 안~약 3번 걸려요) · 5시간 한도란? · 시간과 비용 읽는 법

프리셋 그룹 고르기블로그0개포트폴리오0개갤러리0개

학원2개

  • 핏슬롯fitslot

    필라테스 수업 예약

    • 웹 앱
    • 쇼핑·예약

    20페이지 · 디자인 점수 28/40 · 약 1시간 55분~3시간 50분 · 최소 약 250만 토큰

    사이트 미리보기
  • 올곧 신규, 프리미엄olgot

    입시학원 수강 신청·상담

    • 웹 앱
    • 교육

    203페이지 · 디자인 점수 30/40 · 약 3시간 55분~7시간 50분 · 최소 약 550만 토큰

    사이트 미리보기

SaaS1개

  • Uptrailuptrail

    개발팀 서비스 모니터링

    • 대시보드
    • 업무 도구

    22페이지 · 디자인 점수 28/40 · 약 2시간 5분~4시간 10분 · 최소 약 280만 토큰

    사이트 미리보기

AI1개

  • 울림ullim

    AI 내레이션 스튜디오

    • 랜딩페이지
    • AI

    11페이지 · 디자인 점수 29/40 · 약 1시간 15분~2시간 30분 · 최소 약 170만 토큰

    사이트 미리보기

스타트업4개

  • 제철상자jecheol

    제철 농산물 정기배송

    • 랜딩페이지
    • 쇼핑·예약

    21페이지 · 디자인 점수 35/40 · 약 2시간~4시간 · 최소 약 280만 토큰

    사이트 미리보기
  • PACECREWpacecrew

    동네 러닝 크루 매칭

    • 랜딩페이지
    • 커뮤니티

    22페이지 · 디자인 점수 31/40 · 약 2시간 5분~4시간 10분 · 최소 약 280만 토큰

    사이트 미리보기
  • 고루goru

    공동 생활비 정산

    • 웹 앱
    • 생활·금융

    7페이지 · 디자인 점수 30/40 · 약 1시간~2시간 · 최소 약 125만 토큰

    사이트 미리보기
  • 하루공부studyday

    시험 학습 플래너

    • 웹 앱
    • 교육

    14페이지 · 디자인 점수 33/40 · 약 1시간 30분~3시간 · 최소 약 190만 토큰

    사이트 미리보기

기업1개

  • AFTERGLOWafterglow

    태양광 배터리 판매·설치 상담

    • 랜딩페이지
    • 쇼핑·예약

    17페이지 · 디자인 점수 29/40 · 약 1시간 40분~3시간 20분 · 최소 약 220만 토큰

    사이트 미리보기

클론 코딩2개

주의

토큰을 많이 써요. 끝까지 만들 때 클론 하나에 한 번에 완성하면 약 5시간~10시간 30분(여러 번 고쳐 달라고 하면 약 15시간 45분까지) 걸리고, 토큰은 최소 약 610만~770만(캐시 포함 약 3억~3.9억)이 들어요. Claude Pro·ChatGPT Plus로는 5시간 한도에 약 3~4번 걸려요(2~3일에 나눠 만들어요). 클론마다의 값은 각 튜토리얼의 “시간과 비용”에 있어요. · 시간과 비용 읽는 법

  • Nextflix 신규, 프리미엄nextflix

    넷플릭스 같은 영상 구독 서비스

    • 웹 앱
    • 영상·구독

    131페이지 · 디자인 점수 34/40 · 약 2시간 25분~4시간 50분 · 최소 약 440만 토큰

  • Claudle 신규, 프리미엄claudle

    Claude 같은 AI 대화 서비스

    • 웹 앱
    • AI

    34페이지 · 디자인 점수 29/40 · 약 2시간 25분~4시간 50분 · 최소 약 300만 토큰

프리셋 화면 속 인물과 사진은 AI로 만든 가상 이미지이고, 데이터는 모두 예시예요.

프로킷은 이렇게 일해요

프로킷은 Claude Code·Codex 같은 AI 에이전트에 설치하는 개발 키트예요. 화면만 빠르게 만들 수도 있고, 로그인과 DB까지 갖춘 서비스로 개발할 수도 있어요. 어느 쪽이든 프로 개발팀의 순서대로 설계, 구현, 검사, 리뷰, 확인을 거쳐요.

  1. 1프롬프트 보내기

    작업 폴더에서 만들고 싶은 서비스를 한두 문장으로 적어요

  2. 2프로젝트 준비

    pro-kit을 받아 DB 없는 Next.js 프로젝트를 만들고 전용 스킬·리뷰 에이전트·검사 도구를 설치해요

  3. 3기획과 디자인

    사이트맵과 페이지 설계를 먼저 정하고, 추천 스타일 1~3위 중 골라 DESIGN.md로 정해요

  4. 4화면 만들기

    사이트맵의 모든 페이지를 예시 데이터로 만들어요

  5. 5검사와 리뷰

    링크와 버튼을 모두 눌러 보고 스크린샷·접근성 점수·콘솔 오류를 검사하고, 리뷰 에이전트가 코드를 봐요

  6. 6내보내기와 배포

    HTML로 내보내거나 GitHub Pages·Vercel에 올려요

화면도 dev-cycle 라운드로 만들어요. 프리셋 9개가 이렇게 만들어졌어요. 나중에 ‘실제 서비스로 바꿀 거야’라고 하면 .

이 순서를 지키게 하는 하네스

  • 규칙 문서시작할 때 AGENTS.md, 용어집, 프로젝트 소개를 읽어요

  • 스킬전용 스킬 8개가 분야마다 Next.js·DB·디자인 공식 스킬을 불러 써요

  • 역할 나누기구현 에이전트와 읽기 전용 리뷰 에이전트가 따로 일해요

  • 대조표와 audit모든 칸에 실행한 증거가 있어야 끝나요. 사용자 확인 칸은 건너뛸 수 없어요

  • 자동 검사디자인 검사 훅, 커밋 전 비밀값 검사

dev-cycle과 하네스 자세히 → 문서

더 알아보기

프로킷AI 시대, 누구나 프로처럼

마음에 드는 프리셋이 있었나요?
프로킷으로 만들어 보세요.

코드를 몰라도 괜찮아요. 프로킷이 순서대로 안내해요.