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