StyleList：一款開源的AI試衣工具

映技派于2025-06-29發(fā)布在Ai產(chǎn)品

StyleList是一款開源的ai試衣工具，利用計(jì)算機(jī)視覺和自然語言處理技術(shù)為用戶提供個(gè)性化服裝推薦。用戶上傳照片后，可獲得上衣和下裝的搭配建議，而且這個(gè)工具還集成了產(chǎn)品搜索功能。用戶只需上傳個(gè)人照片和衣物圖片，就能生成換裝預(yù)覽圖，從而簡化了挑選衣物和搭配造型的過程。

核心功能如下：

AI時(shí)尚造型師：由Llama-4-Maverick-17B模型支持的對話界面
自動造型模式：根據(jù)造型建議自動生成情緒板，支持性別感知的產(chǎn)品搜索
圖像分析：上傳照片獲取個(gè)性化造型推薦
產(chǎn)品搜索：通過RapidAPI集成亞馬遜產(chǎn)品目錄
情緒板創(chuàng)建：所選服裝項(xiàng)目的視覺集合，包含虛擬試穿功能。
多模態(tài)聊天：支持對話中的文本和圖像輸入。

技術(shù)能力包括：

流式AI響應(yīng)：具有markdown格式的實(shí)時(shí)對話
圖像驗(yàn)證：AI驅(qū)動的照片質(zhì)量評估
持久化狀態(tài)：使用Zustand實(shí)現(xiàn)跨會話數(shù)據(jù)存儲
響應(yīng)式設(shè)計(jì)：優(yōu)化移動設(shè)備和桌面端界面

技術(shù)棧如下：

前端：

Next.js15（帶AppRouter）和TypeScript
React18（帶服務(wù)器和客戶端組件）
TailwindCSS（用于樣式和響應(yīng)式設(shè)計(jì)）
Zustand（用于帶持久性的狀態(tài)管理）
ReactMarkdown（用于格式化AI響應(yīng)）
LucideIcons（用于UI圖標(biāo)）

后端與API：

VercelAISDK（用于流式AI交互）
亞馬遜產(chǎn)品API（通過RapidAPI獲取產(chǎn)品數(shù)據(jù)）
自定義API路由（用于聊天、圖像驗(yàn)證和情緒板生成）
服務(wù)器操作（用于表單處理和數(shù)據(jù)處理）

AI集成：

Llama-4-Maverick-17B-128E-Instruct-FP8模型（提供時(shí)尚專業(yè)知識）
用于圖像分析和造型推薦的視覺能力
用于產(chǎn)品搜索集成的工具調(diào)用
針對時(shí)尚造型優(yōu)化的自定義系統(tǒng)提示

安裝配置：

前提條件：Node.js18.0或更高版本、npm或yarn包管理器、用于亞馬遜產(chǎn)品訪問的RapidAPI賬戶。
安裝步驟：

克隆倉庫：gitclone<repository-url>，然后進(jìn)入項(xiàng)目目錄：cdopen-ai-stylist。
安裝依賴：npminstall。
配置環(huán)境變量（創(chuàng)建.env.local文件）。
啟動開發(fā)服務(wù)器：npmrundev。
在瀏覽器中打開http://localhost:3000。

使用方法：

初始設(shè)置：上傳經(jīng)批準(zhǔn)的模特照片。照片會通過AI驗(yàn)證是否適合造型，批準(zhǔn)的照片將存儲用于造型對話。
造型對話：開始新的聊天會話，上傳照片或描述造型需求，接收上衣和下裝的個(gè)性化推薦，瀏覽帶有實(shí)時(shí)亞馬遜定價(jià)的建議產(chǎn)品，選擇項(xiàng)目創(chuàng)建情緒板。
情緒板面板：在對話中選擇產(chǎn)品，創(chuàng)建帶有AI生成標(biāo)題的主題集合，在響應(yīng)式網(wǎng)格布局中查看產(chǎn)品，訪問所選項(xiàng)目的直接購買鏈接。
自動造型模式：點(diǎn)擊聊天輸入?yún)^(qū)域中的閃光按鈕啟用自動造型。與AI造型師正常對話，AI提供造型建議時(shí)，自動造型會分析建議以檢測性別背景、提取提到的關(guān)鍵服裝項(xiàng)目、執(zhí)行性別感知產(chǎn)品搜索、使用模特照片生成虛擬試穿、自動創(chuàng)建完整情緒板，完成后會收到通知。