这个视频很有意思，但是要 注意 使用者 和AI的互动技巧， 比如：提示词 包含详细的技术栈 术语
房 序，核心功能需求文档，现在需要输出高保真的原型图，请通过以下方式帮我完成所有界面的原型设该先分析这个 App 的主要功能和用户需求，确定核心交互逻辑。作为产品经理，定义关键界面，确保信息架构合理。计:作为 UI 设计师，设计贴近真实 i0S/Android 设计规范的界面，使用现代化的 UI 元素，使:使用 HTML+TailwindCSS(或 Bootstrap)生成所有原型界面，并使用 FontAwesome9独立的 HTML 文件存放，例如 home.html、profile.html、settings.html 等。作为主入口，不直接写入所有界面的 HTML代码，而是使用 iframe 的方式嵌入这些 HTML 片段-界面尺寸应模拟 iPhone 15 Pro，并让界面圆角化，使其更像真实的手机界面。图片，而非占位符图片(可从 Unsplash、Pexels、Apple 官方 UI 资源中选择)。(模拟 i0s 状态栏)，并包含 App 导航栏(类似 i0s 底部 Tab Bar)。生成完整的 HTML 代码，并确保其可用于实际开发。
一、用户体系模块
1.微信授权登录 。支持微信一键授权获取用户昵称、头像等基础信息 。首次登录强制绑定手机号(符合教育类产品实名要求)用户信息管理:支持修改头像/昵称、查看绑定手机号 积分账户体系 。积分余额展示(首页顶部状态栏) *积分明细查询:展示充值/消耗记录及时间 积分获取途径#: 。充值1元=10积分(支持微信支付) 。分享小程序得1积分/天*(社交裂变设计)
二、核心功能流程
1.作文批改流程 。拍照上传 支持单张/多张拍摄(自动拼接长作文) 图片预处理:自动纠偏、去阴影、增强文字对比度AI批改引擎 。调用豆包大模型API，输出结构化批改结果: 总分评级(A/B/C/D) 分项评分(语言/结构/内容) 错别字/病句标注(波浪线标记+修改建议) 好词好句点评(高亮标注+提升建议) 思维导图式结构分析(开头-发展-结尾优化建议)。批改记录保存#:自动存储最近10次记录(支持下载PDF) 积分消耗规则 每次批改消耗1积分(余额不足时弹窗引导充值) 预览基础评分:免费展示总分及评级，点击详情需扣积分
发表回复