如何快速上手Wardrobe10分鐘搭建個人AI衣櫥的5步完整教程【免費下載鏈接】wardrobeYour clothes, extracted and organized with gpt-image.項目地址: https://gitcode.com/gh_mirrors/wardro/wardrobeWardrobe 是一個本地優(yōu)先Local-first的個人AI 衣櫥管理工具它利用 gpt-image 等 OpenAI 圖像模型自動把你照片里的每一件衣物摳圖、提取、生成模特上身效果圖并整理成分類清晰的數(shù)字衣櫥。所有照片、任務(wù)記錄和 JSON 數(shù)據(jù)庫都保存在本地data/目錄隱私有保障。本文將帶你用 5 個步驟在 10 分鐘內(nèi)搭建屬于自己的 AI 衣櫥。第1步獲取 Wardrobe 項目代碼Wardrobe 基于 React Vite 構(gòu)建要求Node.js 22 及以上版本。先確認環(huán)境node -v # 應(yīng)顯示 v22.x 或更高然后克隆倉庫并進入目錄git clone https://gitcode.com/gh_mirrors/wardro/wardrobe cd wardrobe第2步一鍵安裝依賴npm install項目依賴清單見 package.json包含 Vite、React 19、Sharp圖像處理等安裝腳本會自動處理。第3步配置 API Key 和參考照片最關(guān)鍵的一步復(fù)制配置模板并填入你的 OpenAI API Keycp .env.example .env編輯.env填入OPENAI_API_KEY。模板文件 .env.example 中同時提供了常用默認值一般無需改動變量默認值說明OPENAI_API_KEY必填OpenAI 接口密鑰OPENAI_VISION_MODELgpt-5.4-mini負責(zé)識別照片中的衣物OPENAI_IMAGE_MODELgpt-image-2負責(zé)摳圖和生成模特圖WARDROBE_MODEL_REFERENCEdata/model-reference.png你的參考照片路徑?? 別忘了在data/model-reference.png放一張你自己的 PNG 參考照——導(dǎo)入功能在 API Key 和參考照都就緒前會保持禁用這是新手最常踩的坑。第4步啟動本地服務(wù)npm run dev打開瀏覽器訪問localhost:5173就能看到你的 AI 衣櫥畫廊了。開發(fā)服務(wù)由 vite.config.mjs 配置并掛載了導(dǎo)入任務(wù) APIscripts/import-job-api.mjs和響應(yīng)式圖片 API。第5步導(dǎo)入衣物生成你的專屬衣櫥啟動后有三種方式把衣服搬進衣櫥1. Web UI 直接導(dǎo)入推薦新手在頁面上拖拽、粘貼或上傳穿搭照片。導(dǎo)入流程由 src/import-flow.jsx 實現(xiàn)AI 會依次完成三個階段檢測crop用視覺模型找出照片里每件衣物并裁剪摳圖garment生成干凈的電商級產(chǎn)品摳圖模特圖modeled基于你的參考照生成上身效果圖每個階段都支持審批、拒絕或帶提示詞重新生成不滿意可以反復(fù)調(diào)整最終成果會寫入本地data/library.json。2. Codex 技能批量導(dǎo)入倉庫內(nèi)置了兩個 AI 技能打開 Codex 后直接用自然語言指揮即可導(dǎo)入技能.agents/skills/import-clothes/SKILL.md$import-clothes 把 ~/Pictures/outfits 里的衣服導(dǎo)入衣櫥并生成模特圖搭配技能.agents/skills/generate-outfits/SKILL.md$generate-outfits 從我的衣櫥中生成 5 套模特穿搭3. 手動編輯完善點擊畫廊中的任意單品可在右側(cè)面板中修改名稱、品類上裝/外套/下裝/配飾/鞋、主色、輔色和標(biāo)簽——編輯邏輯見 src/App.jsx頂部還能按 ALL、TOPS、JACKETS、BOTTOMS、ACCESSORIES、SHOES、OUTFITS 快速篩選。常見問題速查問題解決方法導(dǎo)入按鈕一直不可用檢查.env是否填了OPENAI_API_KEY且data/model-reference.png存在端口被占用npm run preview默認使用 4173 端口摳圖效果不理想在審核頁填寫 Regeneration direction如保留拉鏈、去除吊牌后點擊 Regenerate如何備份衣櫥整個data/目錄就是全部數(shù)據(jù)直接復(fù)制即可小結(jié)從克隆倉庫到第一批衣物進入衣櫥整個過程只需 5 步克隆 → 安裝 → 配置 → 啟動 → 導(dǎo)入。Wardrobe 的最大亮點在于本地優(yōu)先 可審批的 AI 工作流——每一張 AI 生成的圖都由你把關(guān)你的衣櫥數(shù)據(jù)永遠不會離開自己的電腦。更多細節(jié)可閱讀 README.md 與 CONTRIBUTING.md?？烊グ涯愕囊鹿褡兂梢蛔?AI 驅(qū)動的時尚數(shù)據(jù)庫吧【免費下載鏈接】wardrobeYour clothes, extracted and organized with gpt-image.項目地址: https://gitcode.com/gh_mirrors/wardro/wardrobe創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考 如何快速上手Wardrobe：10分鐘搭建個人AI衣櫥的5步完整教程
如何快速上手Wardrobe10分鐘搭建個人AI衣櫥的5步完整教程【免費下載鏈接】wardrobeYour clothes, extracted and organized with gpt-image.項目地址: https://gitcode.com/gh_mirrors/wardro/wardrobeWardrobe 是一個本地優(yōu)先Local-first的個人AI 衣櫥管理工具它利用 gpt-image 等 OpenAI 圖像模型自動把你照片里的每一件衣物摳圖、提取、生成模特上身效果圖并整理成分類清晰的數(shù)字衣櫥。所有照片、任務(wù)記錄和 JSON 數(shù)據(jù)庫都保存在本地data/目錄隱私有保障。本文將帶你用 5 個步驟在 10 分鐘內(nèi)搭建屬于自己的 AI 衣櫥。第1步獲取 Wardrobe 項目代碼Wardrobe 基于 React Vite 構(gòu)建要求Node.js 22 及以上版本。先確認環(huán)境node -v # 應(yīng)顯示 v22.x 或更高然后克隆倉庫并進入目錄git clone https://gitcode.com/gh_mirrors/wardro/wardrobe cd wardrobe第2步一鍵安裝依賴npm install項目依賴清單見 package.json包含 Vite、React 19、Sharp圖像處理等安裝腳本會自動處理。第3步配置 API Key 和參考照片最關(guān)鍵的一步復(fù)制配置模板并填入你的 OpenAI API Keycp .env.example .env編輯.env填入OPENAI_API_KEY。模板文件 .env.example 中同時提供了常用默認值一般無需改動變量默認值說明OPENAI_API_KEY必填OpenAI 接口密鑰OPENAI_VISION_MODELgpt-5.4-mini負責(zé)識別照片中的衣物OPENAI_IMAGE_MODELgpt-image-2負責(zé)摳圖和生成模特圖WARDROBE_MODEL_REFERENCEdata/model-reference.png你的參考照片路徑?? 別忘了在data/model-reference.png放一張你自己的 PNG 參考照——導(dǎo)入功能在 API Key 和參考照都就緒前會保持禁用這是新手最常踩的坑。第4步啟動本地服務(wù)npm run dev打開瀏覽器訪問localhost:5173就能看到你的 AI 衣櫥畫廊了。開發(fā)服務(wù)由 vite.config.mjs 配置并掛載了導(dǎo)入任務(wù) APIscripts/import-job-api.mjs和響應(yīng)式圖片 API。第5步導(dǎo)入衣物生成你的專屬衣櫥啟動后有三種方式把衣服搬進衣櫥1. Web UI 直接導(dǎo)入推薦新手在頁面上拖拽、粘貼或上傳穿搭照片。導(dǎo)入流程由 src/import-flow.jsx 實現(xiàn)AI 會依次完成三個階段檢測crop用視覺模型找出照片里每件衣物并裁剪摳圖garment生成干凈的電商級產(chǎn)品摳圖模特圖modeled基于你的參考照生成上身效果圖每個階段都支持審批、拒絕或帶提示詞重新生成不滿意可以反復(fù)調(diào)整最終成果會寫入本地data/library.json。2. Codex 技能批量導(dǎo)入倉庫內(nèi)置了兩個 AI 技能打開 Codex 后直接用自然語言指揮即可導(dǎo)入技能.agents/skills/import-clothes/SKILL.md$import-clothes 把 ~/Pictures/outfits 里的衣服導(dǎo)入衣櫥并生成模特圖搭配技能.agents/skills/generate-outfits/SKILL.md$generate-outfits 從我的衣櫥中生成 5 套模特穿搭3. 手動編輯完善點擊畫廊中的任意單品可在右側(cè)面板中修改名稱、品類上裝/外套/下裝/配飾/鞋、主色、輔色和標(biāo)簽——編輯邏輯見 src/App.jsx頂部還能按 ALL、TOPS、JACKETS、BOTTOMS、ACCESSORIES、SHOES、OUTFITS 快速篩選。常見問題速查問題解決方法導(dǎo)入按鈕一直不可用檢查.env是否填了OPENAI_API_KEY且data/model-reference.png存在端口被占用npm run preview默認使用 4173 端口摳圖效果不理想在審核頁填寫 Regeneration direction如保留拉鏈、去除吊牌后點擊 Regenerate如何備份衣櫥整個data/目錄就是全部數(shù)據(jù)直接復(fù)制即可小結(jié)從克隆倉庫到第一批衣物進入衣櫥整個過程只需 5 步克隆 → 安裝 → 配置 → 啟動 → 導(dǎo)入。Wardrobe 的最大亮點在于本地優(yōu)先 可審批的 AI 工作流——每一張 AI 生成的圖都由你把關(guān)你的衣櫥數(shù)據(jù)永遠不會離開自己的電腦。更多細節(jié)可閱讀 README.md 與 CONTRIBUTING.md?？烊グ涯愕囊鹿褡兂梢蛔?AI 驅(qū)動的時尚數(shù)據(jù)庫吧【免費下載鏈接】wardrobeYour clothes, extracted and organized with gpt-image.項目地址: https://gitcode.com/gh_mirrors/wardro/wardrobe創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考