StyleList：一款开源的AI试衣工具

StyleList是一款开源的ai试衣工具，利用计算机视觉和自然语言处理技术为用户提供个性化服装推荐。用户上传照片后，可获得上衣和下装的搭配建议，而且这个工具还集成了产品搜索功能。用户只需上传个人照片和衣物图片，就能生成换装预览图，从而简化了挑选衣物和搭配造型的过程。

核心功能如下：

• AI时尚造型师：由Llama-4-Maverick-17B模型支持的对话界面

• 自动造型模式：根据造型建议自动生成情绪板，支持性别感知的产品搜索

• 图像分析：上传照片获取个性化造型推荐

• 产品搜索：通过RapidAPI集成亚马逊产品目录

• 情绪板创建：所选服装项目的视觉集合，包含虚拟试穿功能。

• 多模态聊天：支持对话中的文本和图像输入。

技术能力包括：

• 流式AI响应：具有markdown格式的实时对话

• 图像验证：AI驱动的照片质量评估

• 持久化状态：使用Zustand实现跨会话数据存储

• 响应式设计：优化移动设备和桌面端界面

技术栈如下：

前端：

• Next.js15（带AppRouter）和TypeScript

• React18（带服务器和客户端组件）

• TailwindCSS（用于样式和响应式设计）

• Zustand（用于带持久性的状态管理）

• ReactMarkdown（用于格式化AI响应）

• LucideIcons（用于UI图标）

后端与API：

• VercelAISDK（用于流式AI交互）

• 亚马逊产品API（通过RapidAPI获取产品数据）

• 自定义API路由（用于聊天、图像验证和情绪板生成）

• 服务器操作（用于表单处理和数据处理）

AI集成：

• Llama-4-Maverick-17B-128E-Instruct-FP8模型（提供时尚专业知识）

• 用于图像分析和造型推荐的视觉能力

• 用于产品搜索集成的工具调用

• 针对时尚造型优化的自定义系统提示

安装配置：

• 前提条件：Node.js18.0或更高版本、npm或yarn包管理器、用于亚马逊产品访问的RapidAPI账户。

• 安装步骤：

1. 克隆仓库：gitclone<repository-url>，然后进入项目目录：cdopen-ai-stylist。

2. 安装依赖：npminstall。

3. 配置环境变量（创建.env.local文件）。

4. 启动开发服务器：npmrundev。

5. 在浏览器中打开http://localhost:3000。

使用方法：

1. 初始设置：上传经批准的模特照片。照片会通过AI验证是否适合造型，批准的照片将存储用于造型对话。

2. 造型对话：开始新的聊天会话，上传照片或描述造型需求，接收上衣和下装的个性化推荐，浏览带有实时亚马逊定价的建议产品，选择项目创建情绪板。

3. 情绪板面板：在对话中选择产品，创建带有AI生成标题的主题集合，在响应式网格布局中查看产品，访问所选项目的直接购买链接。

4. 自动造型模式：点击聊天输入区域中的闪光按钮启用自动造型。与AI造型师正常对话，AI提供造型建议时，自动造型会分析建议以检测性别背景、提取提到的关键服装项目、执行性别感知产品搜索、使用模特照片生成虚拟试穿、自动创建完整情绪板，完成后会收到通知。

应用场景

• 日常穿搭规划：帮助大家在家就可以进行不同的衣服搭配，方便常穿着。

• 服装电商辅助：服装电商卖家可以通过利用这个工具为买家提供虚拟试穿服务，提高转化率。

开源地址：

https://github.com/parsakhaz/open-ai-stylist