微信小程序高保真UI原型构建
请帮我构建微信小程序高保真原型:$ARGUMENTS

按照以下三个阶段进行:产品探讨→设计确定→原型制作。

第一阶段:产品概念探讨(3-4轮深度对话)
探讨以下维度:

核心价值:解决什么核心痛点
目标用户:用户画像和使用场景
必备功能:3-5个核心功能模块及优先级
用户路径:完整使用流程
竞品分析:
搜索分析相关竞品
总结优缺点
确定差异化策略
输出:

产品定位说明(200字以内)
核心功能列表(按优先级)
竞品分析总结
第二阶段:设计风格确定
基于产品定位,提供2-3个设计风格方案供我选择:

设计方案示例格式:

方案名称:如"清新简约风"
适用理由:为什么适合您的产品
视觉特征:用通俗语言描述视觉感受
色彩建议:主色、辅助色的建议和使用场景
导航方案:如何处理顶部区域与胶囊按钮的关系
参考案例:类似风格的知名产品
输出:确定的设计方向和关键色彩

文档输出
生成设计指导文档:

文件:.claude/mvp/design-guide.md

内容:

基于前两阶段讨论结果
简洁清晰,作为设计唯一参考
包含所有关键设计决策
更新原则:

任何调整先更新文档
文档始终是最新设计依据
第三阶段:高保真原型制作
重要:严格遵循 design-guide.md 规范。

技术规范
框架:HTML + Tailwind CSS
设备尺寸:393×852px(iPhone 16 Pro)
内容区域:393×808px
固定页面模板
每个功能页面都必须基于以下模板,不要修改状态栏和胶囊按钮部分:

最后修改:2025 年 07 月 21 日
感谢阅读,欢迎交流。