Skip to content
Log in Sign up Contact Us

원두 정기구독 쇼핑몰

동네 로스터리 원두를 매주·격주·매월로 받아 보는 정기구독 쇼핑몰 기획이에요. 취향 테스트로 원두를 추천하고, 남은 양에 맞춰 주기 변경·한 번 건너뛰기·일시정지를 쉽게 하며, 해지할 때는 사유에 맞춰 일시정지·주기 변경·할인을 먼저 제안해요. 선물 구독, 정기결제(데모)와 실패 재시도, 관리자 배송 캘린더·출고 리스트·리텐션 성과까지 담았어요.

Cover of 원두 정기구독 쇼핑몰
A good fit for
  • 예비 창업자
  • 소상공인
  • 바이브 코더

Browse the real screens

These are the actual screens in the kit. Pick a name above to switch screens, and toggle desktop or mobile.

홈

PC Mobile(This screen is PC only)

At a glance

What is actually in this kit, and how you receive it.

Screens
115
Specs
115
IA screens
118
Browse 115 screens Kit contents in detail

What's inside

  • Idea InterviewA document of your service idea, shaped by answering questions. MD, PDFInterview only and up
  • IA documentA document that lays out the menu structure and screen list in tables. MD, Excel, PDFInterview + IA and up
  • Dev Planning KitA bundle of screens, feature notes, and a planning document an AI reads and builds from. ZIPFull set
  • Screen Design copyCopy the same screen design into your workspace and edit it yourself. My workspaceFull set

How you get it

  1. Choose an optionPick the option you need and pay. You need to be logged in.
  2. Download from My packsAfter payment, download the MD, PDF, and Excel files.
  3. Open Screen DesignWith the Full set, the screen design is copied into your workspace.

What changes with each way of building?

The same AI coding tool (Claude Code, Cursor, and others) takes a different amount of time, finishes differently, and fails differently depending on the planning you hand it.

A solo founder late at night, hand on their head, facing an error on a messy desk

When you ask an AI with no planning

  • Build timeFast at first, then fixes drag it out
  • CompletenessIt ends with screens and features still missing
  • Starting overThe AI guesses, and you rebuild again and again
  • DesignYou get the AI's default look
  • Launch prepTerms and launch prep are missing
A solo founder smiling at a tidy desk, with a finished screen and a checklist

When you ask with the Plandi Full setRecommended

  • Build timeA check up front, then fewer blockers
  • CompletenessThe planned screens and features all come out
  • Starting overIt follows the specs, so you redo less
  • DesignPick 1 of 3 drafts and apply it to every screen
  • Launch prepYou get a pre-launch checklist and a launch guide

Here is how the options compare. A fuller bar means it finishes sooner, comes out more complete, and fails less.

How building differs by option (a fuller bar means the AI gets stuck less)
Compared No planning Interview only Interview + IA Full setRecommended
Time to finish Slow Slow Medium Fast
Details
No planning
The first screen shows up fast, but finding and fixing what is missing takes a long time.
Interview only
What to build is settled, but deciding the screens as you go takes a long time.
Interview + IA
A screen list means less wandering, but you still decide the look and behavior while you build.
Full set
A kit check up front clears the blockers, then you build menu by menu from the screens and specs.
Completeness Gaps Screens Listed Complete
Details
No planning
You build whatever comes to mind, so screens and features are often left out.
Interview only
The big features land, but screens are easy to miss.
Interview + IA
You build from the menu and screen list, but button behavior and error handling are easy to miss.
Full set
Screens, specs, and a done checklist let you confirm each screen works before you finish.
Starting over Often Often Sometimes Rare
Details
No planning
What the AI guessed is often not what you wanted, so you start over a lot.
Interview only
The goal is right, but guessed screens and behavior mean rebuilding.
Interview + IA
The structure is right, but guessed behavior still needs fixes.
Full set
Behavior, wording, and error handling are already decided, so the AI guesses less.
Buttons and fields Guessed Guessed Guessed Specified
Details
No planning
The AI builds by guessing.
Interview only
The AI builds by guessing.
Interview + IA
The AI builds by guessing.
Full set
It follows the specs. Error messages, empty screens, and confirmation dialogs are already decided.
Design Default Default Default 3 drafts
Details
No planning
The AI's default look.
Interview only
The AI's default look.
Interview + IA
The AI's default look.
Full set
It makes 3 drafts from the screen design, then you pick one and apply it to every screen.
Privacy, terms, launch Missing Partial Policies Checklist
Details
No planning
Most of it is missing.
Interview only
Whatever came up in the interview.
Interview + IA
Includes the terms and policy screens that are in the IA.
Full set
A pre-launch checklist, a done checklist, and a launch guide.
A fit for Practice Clarify Structure Launch
Details
No planning
When you are practicing, or building something very small.
Interview only
When you want to shape the idea first.
Interview + IA
When you want the structure set, and you will draw the screens yourself.
Full set
When you want to build it and launch.

  • No planning

    Time to finish
    Slow
    Completeness
    Gaps
    Starting over
    Often
    Buttons and fields
    Guessed
    Design
    Default
    Privacy, terms, launch
    Missing
    A fit for
    Practice
    Details
    Time to finish
    The first screen shows up fast, but finding and fixing what is missing takes a long time.
    Completeness
    You build whatever comes to mind, so screens and features are often left out.
    Starting over
    What the AI guessed is often not what you wanted, so you start over a lot.
    Buttons and fields
    The AI builds by guessing.
    Design
    The AI's default look.
    Privacy, terms, launch
    Most of it is missing.
    A fit for
    When you are practicing, or building something very small.

  • Interview only

    Time to finish
    Slow
    Completeness
    Screens
    Starting over
    Often
    Buttons and fields
    Guessed
    Design
    Default
    Privacy, terms, launch
    Partial
    A fit for
    Clarify
    Details
    Time to finish
    What to build is settled, but deciding the screens as you go takes a long time.
    Completeness
    The big features land, but screens are easy to miss.
    Starting over
    The goal is right, but guessed screens and behavior mean rebuilding.
    Buttons and fields
    The AI builds by guessing.
    Design
    The AI's default look.
    Privacy, terms, launch
    Whatever came up in the interview.
    A fit for
    When you want to shape the idea first.

  • Interview + IA

    Time to finish
    Medium
    Completeness
    Listed
    Starting over
    Sometimes
    Buttons and fields
    Guessed
    Design
    Default
    Privacy, terms, launch
    Policies
    A fit for
    Structure
    Details
    Time to finish
    A screen list means less wandering, but you still decide the look and behavior while you build.
    Completeness
    You build from the menu and screen list, but button behavior and error handling are easy to miss.
    Starting over
    The structure is right, but guessed behavior still needs fixes.
    Buttons and fields
    The AI builds by guessing.
    Design
    The AI's default look.
    Privacy, terms, launch
    Includes the terms and policy screens that are in the IA.
    A fit for
    When you want the structure set, and you will draw the screens yourself.

  • Full set Recommended

    Time to finish
    Fast
    Completeness
    Complete
    Starting over
    Rare
    Buttons and fields
    Specified
    Design
    3 drafts
    Privacy, terms, launch
    Checklist
    A fit for
    Launch
    Details
    Time to finish
    A kit check up front clears the blockers, then you build menu by menu from the screens and specs.
    Completeness
    Screens, specs, and a done checklist let you confirm each screen works before you finish.
    Starting over
    Behavior, wording, and error handling are already decided, so the AI guesses less.
    Buttons and fields
    It follows the specs. Error messages, empty screens, and confirmation dialogs are already decided.
    Design
    It makes 3 drafts from the screen design, then you pick one and apply it to every screen.
    Privacy, terms, launch
    A pre-launch checklist, a done checklist, and a launch guide.
    A fit for
    When you want to build it and launch.

We shaped this by building a real service from start to finish with the Full set's Dev Planning Kit. The checks we used then for features, privacy and terms, design, and completeness are in the kit.

What's in the Dev Planning Kit

Real screens and written notes, bundled so the AI does not have to guess. Hand it to any AI coding tool.

Screens
115
Specs
115
IA screens
118
  • PRDOne document that says what you are building, why, and which features have to be in it.
  • Shared rulesThe labels, wording, and behavior every screen follows.
  • IAThe menu structure, plus the address and links for 118 screens.
  • Screen HTML (desktop and mobile)Includes 115 screens you can open right away.
  • SpecsAll 115 screens note how every button and field behaves.
  • Click-throughClick through the screens and follow the flow like a real site.
  • Kit checkA check we already ran for places where the documents disagree.
  • Done checklistAfter you build, check each screen against what done looks like.
  • Pre-launch checklistEverything to line up before you open the site.
  • Launch guideA step-by-step guide to putting the finished site on the internet.
  • AI work rules (AGENTS)Rules that tell an AI coding tool how to read the kit and work in order.

Also included

  • Idea InterviewA document of the service idea you shaped by answering questions.MD, PDF
  • IA documentA document that puts the menu structure and screen list into tables.MD, Excel, PDF
  • Screen Design copyCopy the same screen design into your workspace and edit it yourself.Copied to my workspace

How you build once you have the kit

Hand the kit to an AI coding tool and follow the guide through four steps.

  1. STEP 1
    Review

    Click through the planning you received, then let the AI find gaps and fix them.

    • 01Look through the planning
    • 02Check the planning
    • 03Apply the fixes
  2. STEP 2
    Choose a design

    Make the first screen three ways and pick the one you like.

    • 04Design drafts
    • 05Pick a draft and a design system
  3. STEP 3
    Build menu by menu

    Build one menu at a time from the screens and feature notes, and check as you go.

    • 06Build each menu
    • 07Check the done list
  4. STEP 4
    Open the site

    Finish the pre-launch check, then put it online using the guide.

    • 08Prepare to launch

Purchase and refunds

  1. Choose an optionPick the option you need and pay. You need to be logged in.
  2. Download from My packsAfter payment, download the MD, PDF, and Excel files from My packs.
  3. Screen design goes to your workspaceWith the Full set, the screen design is copied into your workspace. Open it and edit it right away.

If building it yourself is too much, you can hand the kit to an expert as-is.

Refunds

This is a downloadable digital product, so refunds may be limited once a download starts. See the refund policy for the details.

Does AI keep building the wrong thing?

Words make AI guess. Show it the screens and it builds them through.

Interview + IA + Screen Design ₩99,000

Log in to buy

Other Dev Planning Kits

  • 3 packages

    쇼핑 경유 적립 앱

    경유 적립·대기→확정·출금·친구 초대·운영자 처리까지 화면 76장으로 설계한 쇼핑 경유 적립 앱 기획

    • Idea Interview
    • IA
    • Dev Planning Kit
    • Screen design copy
    From ₩9,900 View details
  • 3 packages

    반려견 유치원·호텔 예약 + 알림장

    등원·숙박 예약, 이용권 구매·차감, 사진 알림장, 예방접종 증명, 픽업 요청, 매장의 반 편성·출결·알림장 작성·이용권 잔여 관리까지 되는 반려견 유치원·호텔 기획 전체 세트 (화면 93장)

    • Idea Interview
    • IA
    • Dev Planning Kit
    • Screen design copy
    From ₩9,900 View details
  • 3 packages

    공유숙박 호스트 운영 자동화

    예약 캘린더 통합(iCal)·게스트 메시지 자동 발송·청소 일정·숙소별 수익, 청소 도우미 링크 체크리스트·사진, 숙소 수 기준 요금제와 관리자까지 되는 호스트 운영 자동화 기획 전체 세트 (화면 99장)

    • Idea Interview
    • IA
    • Dev Planning Kit
    • Screen design copy
    From ₩9,900 View details
Contact

You need a Planning Pass to start a new plan

1 Planning Pass = a new plan (IA included) + 20 screens

Sign up and get a trial project

Sign up and you get one trial project: IA and up to 5 screens. A Planning Pass opens 20 screens and file downloads.

Sign up free

See Planning Pass pricing