Codex용 모바일 앱 브리프와 화면 목록 프롬프트

앱의 사용자, 핵심 루프, 플랫폼을 설명하고 첫 버전의 모든 화면을 묶음별로, 화면마다 목적과 함께 나열하게 합니다.

[독서 습관 앱 Pagely]를 디자인하려고 해. 사용자는 [하루 10~30분씩 책을 읽고 싶지만 자꾸 잊어버리는 성인]이야. 핵심 루프: [하루 목표 설정, 타이머로 독서, 연속 기록 유지]. 플랫폼: [iOS 우선].

첫 버전에 필요한 화면을 온보딩, 핵심 루프, 설정으로 묶어서 모두 나열해 줘. 화면마다 목적을 한 문장으로 쓰고, 가장 중요한 요소 세 가지를 적어 줘.

지원 도구

Codex, ChatGPT

프롬프트 모음

모바일 앱

이 프롬프트 소개

Codex는 앱 첫 버전의 화면 목록을 온보딩, 핵심 루프, 설정으로 묶어서 돌려줍니다. 화면마다 한 문장의 목적과 가장 중요한 요소 세 가지가 붙어서, 무언가를 그리기 전에 확인할 수 있는 가벼운 명세가 됩니다.

대괄호 네 곳을 바꾸세요. 앱이 무엇을 하는지, 누가 쓰고 어떤 문제가 있는지, 짧은 행동 순서로 쓴 핵심 루프, 처음 시작하는 플랫폼입니다. 가장 중요한 것은 핵심 루프입니다. 목표 설정, 읽기, 연속 기록 유지처럼 동사 세 개로 쓰면 어떤 화면이 핵심이고 어떤 화면이 보조인지 Codex가 알 수 있습니다.

디자인을 시작하기 전에 목록을 다듬으세요. 첫 버전은 필요한 것보다 많은 화면이 돌아오기 쉽습니다. 화면마다 “가장 중요한 요소 세 가지”는 가까이에 두세요. 나중에 홈 화면 프롬프트에서 가장 중요한 요소 하나를 정해 달라고 하는데, 그 답이 이 목록에 있습니다.

이 모음의 다른 프롬프트

• Codex용 앱 온보딩 흐름 디자인 프롬프트환영, 목표 선택, 첫 홈 화면으로 이어지는 390×844 온보딩 화면 3개를 CSS 일러스트와 공통 스타일로 디자인합니다.
• Codex용 모바일 앱 홈 화면 디자인 프롬프트내가 가장 중요하다고 정한 요소를 중심으로, 하단 탭 바와 실제 같은 통계를 갖춘 재방문 사용자용 앱 홈 화면을 디자인합니다.
• Codex용 목록·상세 화면 디자인 프롬프트검색창과 필터 칩이 있는 목록 화면과 항목을 열었을 때의 상세 화면을, 실제 같은 제목과 숫자로 파일 두 개에 디자인합니다.
• Codex용 앱 설정 화면 디자인 프롬프트표준 그룹 목록, 행마다 현재 값, 필요한 곳의 토글, 빨간색 위험 동작을 갖춘 앱 설정 화면을 디자인합니다.
• Codex용 빈 상태·로딩·오류 상태 디자인 프롬프트앱 화면의 빈 상태, 로딩, 오류 상태를 일반 화면과 같은 내비게이션과 헤더로 별도 파일에 디자인합니다.
• Codex용 앱 다크 모드 디자인 프롬프트색조가 있는 어두운 배경, 채도를 낮춘 포인트 색상, WCAG AA 텍스트 대비로 다크 모드를 만들고 바꾼 색상을 정리합니다.