如何快速上手Wardrobe:10分钟搭建个人AI衣橱的5步完整教程
如何快速上手Wardrobe10分钟搭建个人AI衣橱的5步完整教程【免费下载链接】wardrobeYour clothes, extracted and organized with gpt-image.项目地址: https://gitcode.com/gh_mirrors/wardro/wardrobeWardrobe 是一个本地优先Local-first的个人AI 衣橱管理工具它利用 gpt-image 等 OpenAI 图像模型自动把你照片里的每一件衣物抠图、提取、生成模特上身效果图并整理成分类清晰的数字衣橱。所有照片、任务记录和 JSON 数据库都保存在本地data/目录隐私有保障。本文将带你用 5 个步骤在 10 分钟内搭建属于自己的 AI 衣橱。第1步获取 Wardrobe 项目代码Wardrobe 基于 React Vite 构建要求Node.js 22 及以上版本。先确认环境node -v # 应显示 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 和参考照片最关键的一步复制配置模板并填入你的 OpenAI API Keycp .env.example .env编辑.env填入OPENAI_API_KEY。模板文件 .env.example 中同时提供了常用默认值一般无需改动变量默认值说明OPENAI_API_KEY必填OpenAI 接口密钥OPENAI_VISION_MODELgpt-5.4-mini负责识别照片中的衣物OPENAI_IMAGE_MODELgpt-image-2负责抠图和生成模特图WARDROBE_MODEL_REFERENCEdata/model-reference.png你的参考照片路径⚠️ 别忘了在data/model-reference.png放一张你自己的 PNG 参考照——导入功能在 API Key 和参考照都就绪前会保持禁用这是新手最常踩的坑。第4步启动本地服务npm run dev打开浏览器访问localhost:5173就能看到你的 AI 衣橱画廊了。开发服务由 vite.config.mjs 配置并挂载了导入任务 APIscripts/import-job-api.mjs和响应式图片 API。第5步导入衣物生成你的专属衣橱启动后有三种方式把衣服搬进衣橱1. Web UI 直接导入推荐新手在页面上拖拽、粘贴或上传穿搭照片。导入流程由 src/import-flow.jsx 实现AI 会依次完成三个阶段检测crop用视觉模型找出照片里每件衣物并裁剪抠图garment生成干净的电商级产品抠图模特图modeled基于你的参考照生成上身效果图每个阶段都支持审批、拒绝或带提示词重新生成不满意可以反复调整最终成果会写入本地data/library.json。2. Codex 技能批量导入仓库内置了两个 AI 技能打开 Codex 后直接用自然语言指挥即可导入技能.agents/skills/import-clothes/SKILL.md$import-clothes 把 ~/Pictures/outfits 里的衣服导入衣橱并生成模特图搭配技能.agents/skills/generate-outfits/SKILL.md$generate-outfits 从我的衣橱中生成 5 套模特穿搭3. 手动编辑完善点击画廊中的任意单品可在右侧面板中修改名称、品类上装/外套/下装/配饰/鞋、主色、辅色和标签——编辑逻辑见 src/App.jsx顶部还能按 ALL、TOPS、JACKETS、BOTTOMS、ACCESSORIES、SHOES、OUTFITS 快速筛选。常见问题速查问题解决方法导入按钮一直不可用检查.env是否填了OPENAI_API_KEY且data/model-reference.png存在端口被占用npm run preview默认使用 4173 端口抠图效果不理想在审核页填写 Regeneration direction如保留拉链、去除吊牌后点击 Regenerate如何备份衣橱整个data/目录就是全部数据直接复制即可小结从克隆仓库到第一批衣物进入衣橱整个过程只需 5 步克隆 → 安装 → 配置 → 启动 → 导入。Wardrobe 的最大亮点在于本地优先 可审批的 AI 工作流——每一张 AI 生成的图都由你把关你的衣橱数据永远不会离开自己的电脑。更多细节可阅读 README.md 与 CONTRIBUTING.md。快去把你的衣柜变成一座 AI 驱动的时尚数据库吧【免费下载链接】wardrobeYour clothes, extracted and organized with gpt-image.项目地址: https://gitcode.com/gh_mirrors/wardro/wardrobe创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

相关新闻

MOSFET热失效机理与保护电路设计:从热阻计算到实战防护

MOSFET热失效机理与保护电路设计:从热阻计算到实战防护

先说个真实的事故。前阵子朋友拿来一块返修的电机驱动板,现象很典型:整机在工作了大概二十分钟后突然冒烟,拆开看功率管的位置已经炸开了一个小坑,PCB上对应区域也烧出了碳化的痕迹。板子用的是三颗并联的TO-247封装的MOSFET&…

2026/10/7 23:48:56 阅读更多 →
ponytail开源插件项目:轻量级命令封装与skill机制实战指南

ponytail开源插件项目:轻量级命令封装与skill机制实战指南

1. 项目概述与核心思路拆解1.1 ponytail 到底是什么,解决了什么问题ponytail 这个名字乍一听像个发型,但在开发者圈子里,它指的是一个以“轻量、可扩展、命令即服务”为核心思路的开源插件项目。简单说,它把一组常用命令、脚本或者…

2026/10/7 23:48:56 阅读更多 →
agent-skills 技能库:用 CLI 管理 AI 编程代理的 TDD 工作流

agent-skills 技能库:用 CLI 管理 AI 编程代理的 TDD 工作流

1. 从"agent-skills"这个标题能读出什么第一次看到agent-skills这个项目名,我的直觉是:这不是一个具体的业务工具,而是一套给 AI coding agent 用的技能库。换句话说,它解决的不是"帮我写个爬虫"这种单点问题…

2026/10/7 23:48:55 阅读更多 →

最新新闻

树结构核心术语解析:根、父子兄弟、深度高度与路径的工程意义

树结构核心术语解析:根、父子兄弟、深度高度与路径的工程意义

1. 为什么“树”这个词在计算机里被反复提起,却没人真去种一棵?你打开任何一本算法入门书,翻到第三章,大概率会看到一个分叉的图示:一个圆圈在最上面,下面连着两个圆圈,再往下又分出更多——旁边…

2026/10/9 11:18:10 阅读更多 →
锂电池清洗水枪EMC整改实战:从超标12dB到6dB余量的系统化方案

锂电池清洗水枪EMC整改实战:从超标12dB到6dB余量的系统化方案

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/9 11:18:10 阅读更多 →
GCC编译全解析:从预处理到链接的实战指南

GCC编译全解析:从预处理到链接的实战指南

1. 从一行报错说起:为什么值得花时间搞懂gcc很多人第一次接触gcc,不是因为想学它,而是因为被它拦住。编译一个C文件,终端甩出一堆看不懂的英文,什么undefined reference to、implicit declaration of function&#xf…

2026/10/9 11:18:10 阅读更多 →
电机测试数据飘?先查平台再查传感器——机械安装细节全解析

电机测试数据飘?先查平台再查传感器——机械安装细节全解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/9 11:18:10 阅读更多 →
Eclipse导出可执行Jar的原理与三种依赖策略详解

Eclipse导出可执行Jar的原理与三种依赖策略详解

简介:本资源是一份面向Java初学者与中小型项目开发者的Eclipse工程打包实战指南,聚焦解决「如何导出含第三方Jar依赖的可执行Jar文件」这一高频部署痛点。内容基于Eclipse Indigo(3.7)环境,系统讲解Runnable JAR File导…

2026/10/9 11:18:10 阅读更多 →
Codex 额度重置后,开发者如何用 TaoToken 统一管理 API 调用?

Codex 额度重置后,开发者如何用 TaoToken 统一管理 API 调用?

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/9 11:17:09 阅读更多 →

日新闻

Java时间API实战:LocalDate、Date与ZonedDateTime的转换与避坑指南

Java时间API实战:LocalDate、Date与ZonedDateTime的转换与避坑指南

Java时间API这个话题,隔三差五就会在群里被翻出来讨论一次。上周还有个同事线上处理一个订单超时问题,排查到最后发现是ZonedDateTime序列化后时区丢了,用户在下单当天晚上看到的时间整整差了8个小时。这类问题几乎每个做Java开发的人都遇到过…

2026/10/9 0:00:49 阅读更多 →
EasyTier实践:从NAT穿透到子网代理的异地组网部署与排错

EasyTier实践:从NAT穿透到子网代理的异地组网部署与排错

前几个月我手头有好几台机器需要互相访问:办公室台式机、家里 NAS、还有一台云主机。如果只是偶尔传个文件倒还好,问题是工作场景经常要在几处环境之间来回切换,每次都先登录跳板机再层层代理,实在折腾。我先后试过端口映射、自建…

2026/10/9 0:00:49 阅读更多 →
AI Agent工程实战:从七要素到七个决策点的系统设计指南

AI Agent工程实战:从七要素到七个决策点的系统设计指南

AI Agent 这个词在过去一年里被反复提及,但真正动手搭过一套能跑起来的 Agent 系统的人都知道,从"知道它是什么"到"让它稳定干活"之间隔着一整套工程决策。我前后参与过几个 Agent 项目的落地,从最初用现成框架拼装&…

2026/10/9 0:01:50 阅读更多 →

周新闻

KT148A语音芯片外挂8002D功放的工程实践指南

KT148A语音芯片外挂8002D功放的工程实践指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/8 15:26:32 阅读更多 →
LLC谐振变换器增益公式推导:从FHA等效到完整归一化表达式

LLC谐振变换器增益公式推导:从FHA等效到完整归一化表达式

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/8 15:26:40 阅读更多 →
ARM架构深度解析:从RISC设计理念到交叉编译实战

ARM架构深度解析:从RISC设计理念到交叉编译实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/9 10:11:06 阅读更多 →

月新闻

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/8 21:13:17 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/8 15:26:17 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/9 6:17:20 阅读更多 →