一张户型图让 Agent 生成能 2D 和 3D 编辑的装修设计器

先看结果

你把一张户型图丢给 Agent，说一句「把这张户型图做成装修设计器网页」。过一会儿，旁边多出一个 HTML 文件，双击就能在浏览器里打开：

• 你的户型已经建好了：墙、门窗、房间、家具、水电都在。
• 可以在 2D 平面里挪家具、改墙，也可以切到 3D 鸟瞰和第一人称漫游里看。
• 不用先学建模软件，也不用自己一笔一笔画施工图。

图片来自项目仓库的示例。我们没有自己安装运行。

这个案例是怎么做出来的

它是一个开源的 Skill（作者 ZWD11，MIT 许可证），我们已把它整理成可直接使用的 Skill：户型图转装修设计器。它写给支持 Skill 的 Agent 看，比如 Claude Code。Agent 读完它的流程说明，会按下面四步干活：

1. 量墙。 清晰的 CAD 矢量图纸直接读坐标；图片则用 OpenCV 找出墙体，再按图上的尺寸标注把像素换算成毫米。
2. 看懂图纸。 Agent 对照原图，补上被窗户打断的墙、很细的隔墙，分清门窗类型和开向，认出每个房间，写成一份「户型描述」。
3. 自己检查。 生成网页后用无头浏览器打开，检查房间是否闭合、有没有悬空的墙、门窗有没有丢，并把生成结果半透明叠回原图，核对尺寸。不对就改，直到墙和原图重合。
4. 自动布置。 按房间功能摆好家具家电，再一键布好整套水电（插座、照明、网线、冷热水、排水）。

整个过程的关键是第 3 步：让 Agent 先对账再交付，而不是画完就算。

你能得到什么

按项目自己的说明，生成的设计器能做这些事（我们没有逐项试过）：

• 2D 布置、3D 鸟瞰、第一人称漫游，门窗窗帘和灯能点着开关。
• 家具库三百多件，可以一键整套换风格，橱柜和定制柜的尺寸都能调。
• 吊顶、灯带、水电管线分层查看，管线可以分类导出。
• 自动算量报价，导出施工图 PDF 和国标 CAD 图纸（DXF）。
• 能读多种输入：彩色户型图、黑底 CAD 截图、矢量 PDF、DXF，也支持整栋楼和办公楼层。

你自己怎么跑

1. 先装好 Skill：打开 户型图转装修设计器，把里面的内容交给你的 Agent，或按它的安装一节操作。
2. 对 Agent 说：把这张户型图做成装修设计器网页，附上户型图（图片、截图、PDF、DXF 都行）。
3. 可以顺带提要求，例如：

4. 拿到 HTML 后，再检查 Agent 附带的「识别说明」：哪些尺寸按标注、哪些按图形量的、图纸哪里前后矛盾，都会列出来。

容易踩的坑

• 图上最好有尺寸标注。 没有标注时，Agent 会问你要一个已知尺寸，或者按常见尺寸估算。估算的结果要自己核对。
• 纯线稿、扫描件、拍歪的照片识别效果会差，初稿要靠 Agent 推算，需要你多检查。
• 承重墙只是推断。 判断依据是颜色和厚度，以物业的结构图为准，装修前不要拿它当依据去拆墙。
• 模型太弱效果会打折。 作者在说明里提醒：要想达到满血效果，不推荐用豆包这类模型。
• 方案存在浏览器里。 换电脑或发给别人，要用设计器里的「导出 → 分享文件」。
• 能读 DXF，但不直接读 DWG，要先另存为 DXF 或导出 PDF。