Wardrobe入门指南拖拽/粘贴照片批量导入三步走完AI识别与审批流程【免费下载链接】wardrobeYour clothes, extracted and organized with gpt-image.项目地址: https://gitcode.com/gh_mirrors/wardro/wardrobeWardrobe 是一款本地优先的 AI 衣橱管理工具通过拖拽或粘贴即可批量导入服装照片由 OpenAI 自动完成服装检测与抠图再经过三步审批流程帮你建立一套分类整齐的数字衣橱。本文是面向新手的完整入门指南。一、Wardrobe 能帮你做什么照片识别用 OpenAI 视觉模型检测照片中的每一件服装上衣、外套、下装、配饰、鞋子✂️一键抠图生成干净的透明背景商品抠图模特穿着预览可选生成服装穿在模特身上的编辑级大图本地数据存储照片、任务记录、生成图片与 JSON 数据库全部保存在本地data/目录✅全流程审批支持拖拽、粘贴、编辑、审核、重新生成与批准画廊页顶部按类别筛选Tops / Jackets / Bottoms / Accessories / Shoes所有抠图以网格整齐陈列左上角显示当前件数。二、三步安装并运行 Wardrobe第 1 步获取项目git clone https://gitcode.com/gh_mirrors/wardro/wardrobe cd wardrobe第 2 步安装依赖并配置环境npm install cp .env.example .env根据 README.md 的说明还有两件事必须完成否则导入功能会保持禁用状态在.env中填入OPENAI_API_KEY将一张你自己的 PNG 参考照片放到data/model-reference.png它会用于生成模特穿着图。主要环境变量如下变量默认值说明OPENAI_API_KEY必填OpenAI 接口密钥OPENAI_IMAGE_MODELgpt-image-2图像生成模型WARDROBE_MODEL_REFERENCEdata/model-reference.png个人参考照片路径WARDROBE_DATA_DIRdata本地数据目录第 3 步启动并打开页面npm run dev浏览器访问localhost:5173。空画廊会提示“Drop, paste, or add a photo to import your first piece.”随时可以开始导入。三、批量导入照片拖拽与粘贴的两种方式Wardrobe 把拖拽和剪贴板粘贴做成了全局快捷键页面上任意位置都生效拖拽把一张或多张图片拖进页面拖入时会显示全屏提示“Drop clothing images”粘贴截图或复制图片后直接按Ctrl/Cmd V手动选择点击左下角的按钮打开系统文件选择器单件服装照和整套穿搭照都可以AI 会自动拆分成独立单品。粘贴与拖拽的全局事件监听在 src/import-flow.jsx服务端导入任务 API 见 scripts/import-job-api.mjs。 如果提示“No clothing detected”换一张更清晰、取景更紧的照片再试。四、三步走完 AI 识别与审批流程上传后每张照片会经历三个阶段每一步都可以批准、拒绝或重新生成第 1 步确认识别裁剪crop视觉模型先检测照片中的服装并逐件裁剪。检查裁剪框是否包含完整单品点击Use crop进入下一步。第 2 步确认服装抠图garment图像模型生成透明背景的商品抠图这一步同时填写单品资料Name服装名称CategoryTops / Jackets / Bottoms / Accessories / ShoesPrimary / Secondary color主色、辅色支持直接从图片上点选取色Details如 casual、cotton、striped 等细节标签对抠图不满意可以填写指令后Regenerate例如“保留拉链原样、去掉吊牌”。若边缘清理不够干净还能在本地微调清理强度并实时预览无需重新调用模型。第 3 步生成并批准模特穿着图modeled抠图批准后Wardrobe 自动生成模特穿着的编辑级大图批准后会挂到对应单品上也可以补充场景描述后 Regenerate。各任务的阶段状态如“Crop ready for review”“Styling modeled image”由 src/import-flow.jsx 推导审核与编辑界面如下五、整理衣橱分类浏览与单品编辑单品进入画廊后日常整理很简单分类筛选顶部按钮切换类别视图筛选逻辑见 src/App.jsx详情编辑点击任意单品打开编辑面板可改名、改分类、从图片取色、增删标签删除单品与导入任务都支持随时删除所有数据存放在本地data/目录数据库library.json与imported/图片完全掌握在你自己手中。六、常见问题快速排查现象处理方式提示 Setup required在.env加OPENAI_API_KEY放好data/model-reference.png重启应用No clothing detected换更清晰、更贴近单品的照片抠图边缘残留背景拖动“Cleanup strength”本地预览满意后再 Use this cleanup想要不同穿着场景在 Regeneration direction 中写具体场景描述七、相关项目文件README.md快速上手、配置表与 Codex 集成说明src/import-flow.jsx导入队列与三阶段审批前端逻辑src/App.jsx画廊、分类筛选与详情编辑scripts/import-job-api.mjs导入任务 API 与抠图处理vite.config.mjs开发服务器与 API 挂载配置docs/screenshots/画廊与编辑器截图【免费下载链接】wardrobeYour clothes, extracted and organized with gpt-image.项目地址: https://gitcode.com/gh_mirrors/wardro/wardrobe创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考