Skip to main content

用Trae开发小猫todo app的提示词

本期内容视频链接:https://www.bilibili.com/video/BV1K1XNYAEd3/ 参与AI FOR CODE创意挑战赛赢奖金:https://sourl.co/4qyd6N

第一步:梳理需求文档

我想开发一个借鉴《高效能人士的七个习惯》中以终为始和要事第一理念的todo app,我希望这个app是一个简单的可本地化运行,不需要联网、登录的app,请作为出色的产品经理,帮我完成需求的梳理

第二步:生成原型

我想开发一个借鉴《高效能人士的七个习惯》中以终为始和要事第一理念的todo app。这个app的需求文档如下:

'''

## 核心理念解读

1. 以终为始 :让用户在创建任务时就明确最终目标和期望成果,而不仅仅是列出要做的事项。

2. 要事第一 :帮助用户区分重要与紧急的事项,专注于真正重要的任务,而不是被紧急但不重要的事情牵着走。

## 功能需求

### 1. 基础功能

- 任务创建、编辑、删除、完成标记

- 本地存储,无需联网和登录

- 简洁直观的用户界面

### 2. "以终为始"相关功能

- 任务创建时包含"最终目标"字段,让用户思考这项任务的真正目的

- 支持为任务添加"成功标准",明确完成的标准是什么

- 允许用户设置任务与个人价值观/长期目标的关联

### 3. "要事第一"相关功能

- 基于重要性和紧急性的任务分类矩阵(艾森豪威尔矩阵)

- 重要且紧急(第一象限)

- 重要不紧急(第二象限)

- 紧急不重要(第三象限)

- 不紧急不重要(第四象限)

- 任务优先级设置

- 每日/每周重点任务聚焦功能

- 时间块分配建议

### 4. 反思与改进

- 定期回顾功能,帮助用户反思任务完成情况

- 简单的数据统计,如各象限任务的完成率

- 个人效能提升建议

## 技术需求

- 纯本地应用,数据存储在用户设备上

- 轻量级,启动快速

- 跨平台支持(可选)

## 用户体验设计

- 简洁明了的界面,减少认知负担

- 直观的任务分类视图

- 易于上手,但有足够深度支持高效能习惯培养

- 提供简短的指导说明,帮助用户理解"以终为始"和"要事第一"的应用方法

'''

现在需要输出高保真的原型图,并确保这些原型界面可以直接用于开发:

1、用户体验分析:先分析这个 App 的主要功能和用户需求,确定核心交互逻辑。

2、产品界面规划:作为产品经理,定义关键界面,确保信息架构合理。

3、高保真 UI 设计:作为 UI 设计师,设计贴近真实 iOS/Android 设计规范的界面,使用现代化的 UI 元素,使其具有良好的视觉体验。

4、HTML 原型实现:使用 HTML + Tailwind CSS(或 Bootstrap)生成所有原型界面,并使用 FontAwesome(或其他开源 UI 组件)让界面更加精美、接近真实的 App 设计。拆分代码文件,保持结构清晰:

5、每个界面应作为独立的 HTML 文件存放,例如 home.html、profile.html、settings.html 等。

- index.html 作为主入口,不直接写入所有界面的 HTML 代码,而是使用 iframe 的方式嵌入这些 HTML 片段,并将所有页面直接平铺展示在 index 页面中,而不是跳转链接。

- 真实感增强:

- 界面尺寸应模拟 iPhone 15 Pro,并让界面圆角化,使其更像真实的手机界面。

- 使用真实的 UI 图片,而非占位符图片(可从 Unsplash、Pexels、Apple 官方 UI 资源中选择)。

- 添加顶部状态栏(模拟 iOS 状态栏),并包含 App 导航栏(类似 iOS 底部 Tab Bar)。

请按照以上要求生成完整的 HTML 代码,并确保其可用于实际开发。

第三步:结合需求文档&截图开发app

我想开发一个借鉴《高效能人士的七个习惯》中以终为始和要事第一理念的todo app。这个app的需求文档如下:

'''

## 核心理念解读

1. 以终为始 :让用户在创建任务时就明确最终目标和期望成果,而不仅仅是列出要做的事项。

2. 要事第一 :帮助用户区分重要与紧急的事项,专注于真正重要的任务,而不是被紧急但不重要的事情牵着走。

## 功能需求

### 1. 基础功能

- 任务创建、编辑、删除、完成标记

- 本地存储,无需联网和登录

- 简洁直观的用户界面

### 2. "以终为始"相关功能

- 任务创建时包含"最终目标"字段,让用户思考这项任务的真正目的

- 支持为任务添加"成功标准",明确完成的标准是什么

- 允许用户设置任务与个人价值观/长期目标的关联

### 3. "要事第一"相关功能

- 基于重要性和紧急性的任务分类矩阵(艾森豪威尔矩阵)

- 重要且紧急(第一象限)

- 重要不紧急(第二象限)

- 紧急不重要(第三象限)

- 不紧急不重要(第四象限)

- 任务优先级设置

- 每日/每周重点任务聚焦功能

- 时间块分配建议

### 4. 反思与改进

- 定期回顾功能,帮助用户反思任务完成情况

- 简单的数据统计,如各象限任务的完成率

- 个人效能提升建议

## 技术需求

- 纯本地应用,数据存储在用户设备上

- 轻量级,启动快速

- 跨平台支持(可选)

## 用户体验设计

- 简洁明了的界面,减少认知负担

- 直观的任务分类视图

- 易于上手,但有足够深度支持高效能习惯培养

- 提供简短的指导说明,帮助用户理解"以终为始"和"要事第一"的应用方法

'''

请参考需求和原型图帮我完成这个iOS app的开发,我们正在这个iOS开发项目的根目录中
365/年

CursorAI编程知识星球

我的cursor教学视频已经超100万人观看,可能是中文互联网最佳了

立即查看800+人已加入
免费

通过Monica免费使用满血可联网DeepSeek R1

Monica接入DeepSeek R1、OpenAI o1、GPT-4o、Claude 3.5 和 Gemini 1.5,来提升您的聊天、搜索、写作和编程体验。

立即查看一站式 AI 助手