用Cursor设计开发移动端H5网站

一、需求分析

我想开发一款H5，主要功能是：

• 用户输入阳历出生日期和出生时辰，系统自动计算：

• 对应的农历日期

• 天干地支

• 所属五行

• 五行缺失情况

• 所属生肖

• 系统调用 通义千问 进行推理，生成相关信息。

请你作为产品经理，对该H5进行需求分析，并输出一份**详细的需求分析报告**，包括但不限于：

1.**产品概述**（介绍产品的核心功能和目标用户）

2.**用户需求分析**（目标用户群体、使用场景、核心需求）

3.**功能需求**（详细拆解功能点、输入输出、API 交互方式等）

4.**关键业务流程**（示例：用户输入数据 -> API 计算 -> 结果展示）

5.**开发周期**（建议的开发计划、MVP 版本优先级）

6.**商业模式**（是否有付费功能、盈利方式）

帮我将需求分析报告写在 mrd.md 里面。

　　二、产品PRD文档

接下来根据需求分析，按照最小 MVP 的版本，帮我写一份专业的产品需求（PRD）文档，我会给你三张参考设计图，请参考我给你的图片帮我完成需求文档。并输出到 prd.md 中。

　　

　　三、产品原型

你是一位全栈工程师，同时精通产品规划和 UI 设计。

请根据产品 PRD 文档帮我输出完整的H5原型图，请通过以下方式帮我完成H5所有原型图片的设计。

1、按照 PRD 文档要求以及我给你的图片参考来设计最小 MVP 版本

2、以产品经理的视角结合 PRD 文档去设计页面和交互；

3、作为设计师思考这些原型界面的设计，并以设计师的视角去输出完整的 UI/UX；

4、使每个页面一个HTML，使用iframe来加载各个子页面，文件命名为: index.html，可以使用 Font Awesome 6.4.0等开源图标库，让原型显得更精美和接近真实

5、我希望这些界面是需要能直接拿去进行开发的

　　四、架构设计

请依据 prototype. html、prd.md 来进行H5的整体架构设计，注意我希望整体前端使用的是 vue，后端使用的 python来开发。

1、整体满足H5的开发规范。

2、前端按照原型设计来开发，后端我希望满足阿里巴巴开发编码规范，遵守 rest 风格的接口公约，且后端主要提供一个计算的接口，返回前端需要的参数，

3、后端具体计算的逻辑，我希望是能直接通过调用 通义千问 的 API 来获得信息，然后转换为对应的接口字段，最终返回给前端。
其中通义千问的接口示例：
import os
from openai import OpenAI


client = OpenAI(
    # 若没有配置环境变量，请用百炼API Key将下行替换为：api_key="sk-xxx",
    api_key=os.getenv("DASHSCOPE_API_KEY"),
    base_url="https://dashscope.aliyuncs.com/compatible-mode/v1",
)

completion = client.chat.completions.create(
    # 模型列表：https://help.aliyun.com/zh/model-studio/getting-started/models
    model="qwen-plus",
    messages=[
        {"role": "system", "content": "You are a helpful assistant."},
        {"role": "user", "content": "你是谁？"},
    ],
    # Qwen3模型通过enable_thinking参数控制思考过程（开源版默认True，商业版默认False）
    # 使用Qwen3开源版模型时，若未启用流式输出，请将下行取消注释，否则会报错
    # extra_body={"enable_thinking": False},
)
print(completion.model_dump_json())

请帮我输出架构设计文档到 architecture.md

　　

　　五、开发阶段

@architecture. md 请帮我根据架构设计文档、需求文档以及原型图进行代码的开发，请注意，前后端项目结构是分离的，严格按照架构设计文档来开发。完成后自行尝试运行并检查是否有错漏。