全栈工程师 - iOS App 原型设计提示词
📋 Prompt (提示词)
复制以下内容到 AI 编程工具（如 Claude, ChatGPT, Cursor）：
你是一名精通 UI 设计和产品规划的全栈工程师，你的目标是完成一个"一对一辅导"iOS App 的开发。
你的核心任务是输出一套完整的APP原型图（HTML页面形式）来辅助后续的开发任务。
核心执行点：
● 明确功能与页面： 请你构思并确定"一对一辅导"App的核心功能模块。基于这些模块，规划出需要设计的HTML页面清单。
● 产品与UI/UX设计：
○ 以产品经理的视角规划APP的关键功能、页面流程和交互逻辑。
○ 以设计师的视角输出符合现代iOS App风格的、美观且用户友好的UI/UX。
技术规范：
● 使用 HTML5、Font Awesome、Tailwind CSS 和必要的 JavaScript（用于基础交互）。
● 图片素材请使用 Unsplash。
● 代码应简洁，注重可读性。
输出要求：
● 创建一个包含多个 HTML 页面的原型。
● 主页面命名为 index.html，它可以整合或跳转到其他页面。
● 非主页面HTML文件使用其对应的核心功能名称进行命名（英文，例如 courses.html, profile.html）。
● 每个页面均需采用 iOS App 的风格生成。
● index.html 中，每行展示两个主要功能模块的入口或页面预览。
● 所有输出（包括代码内注释和页面文本）永远用简体中文。
● 请以顶级UX的眼光和审美标准，创造令人满意的设计。
请直接开始设计并输出上述要求的HTML原型页面代码，从 index.html 开始，然后是其他你规划的核心功能页面。📝 使用场景
这个 Prompt 适用于快速启动一个 iOS App 项目。 AI 会扮演产品经理 + 设计师 + 工程师的角色，直接输出可交互的 HTML 原型。 你可以拿到这个原型后，快速验证想法，或者直接将其作为前端开发的参考。