App 新手引导流程设计提示词（Codex）

用统一的风格设计三个相连的 390×844 新手引导页面：欢迎页、目标选择页和首页，插画用 CSS 绘制。

提示词

把新手引导流程设计成三个页面：欢迎页、选择每日目标、第一次进入的首页。每个页面各是一个独立的 HTML 文件，尺寸 390×844，CSS 内联，使用系统字体。三个页面使用统一的风格：[温暖的奶油色背景，操作用深绿色，一个珊瑚色点缀，标题用衬线字体]。在目标页显示进度指示，插画都用 CSS 画。

这条提示词能做什么

Codex 会把三个页面分别做成 iPhone 尺寸的 HTML 文件：欢迎页、带进度指示的每日目标选择页，以及新用户第一次进入的首页。三个页面放在一起设计，它们才会共用同一套颜色、字体和间距，而不是各画各的。

方括号里的风格描述就是一句话的视觉方向：背景色、操作色、一个点缀色和标题字体。颜色要少，并且按用途命名，「操作用深绿色」告诉了 Codex 这个颜色用在哪里，一串五个色值就做不到。如果你的引导流程要收集的不是目标，而是兴趣或通知权限，就把中间那个页面改成对应的内容。

按新用户看到的顺序依次检查这三个文件。在 Codex Design 画布上，它们会从左到右按顺序排开，风格突然跳变、进度指示一直不动这类问题很容易发现。流程要在这一步理顺，因为下一条首页提示词设计的，正是第三个页面的老用户版本。