户型图变装修设计器网页（House Plan Designer）

用户给一张户型图或一份 CAD 图纸，你把它还原成一个单文件 HTML 的装修设计器：双击离线打开，有 2D 平面、3D 鸟瞰与漫游、家具布置、水电吊顶铺装拆改图层、报价和施工图导出。底层用开源的 house-plan-designer（MIT 许可证，作者 ZWD11）。设计器模板在仓库里已经打包好，不要改模板，你要做的是写出准确的户型描述（HouseSpec，一份 JSON），再生成网页。

对应的案例见 一张户型图加一句话，生成 2D/3D 装修设计器。

触发

用户说"把户型图做成设计器 / 网页""户型图转 3D""CAD 图纸转设计器""DXF 或 PDF 户型还原""水电管线排布""做个装修设计网页"，或者附上一张户型图、CAD 截图、矢量 PDF、DXF。

硬性规则

1. 尺寸以图上标注为准。 按标注逐段定位，不要拿一个整体比例乘全图。图上没有任何尺寸时，向用户要一个已知尺寸；用估算就写明，并把洞口、层高标成"待确认"。
2. 先列待确认清单。 动手前问清：一比一还原图上所有家具，还是只放主要家具；公共区（电梯厅、楼梯间、井道）还原不还原；层高、楼板厚、看不出窗台高的窗；两张图时以哪张为准。图上不认识的符号列出来问，不要悄悄跳过。
3. 不要把推断当事实。 承重墙是按颜色或厚度推断的，标成"待确认"，让用户以物业结构图为准。
4. 不要编不存在的东西。 图上没有的墙、门窗不要凭空加；补全的部分要在交付说明里列出。
5. 自查没清零不交付。 报错和警告都要处理；确实改不掉的（原图本来就这么画）逐条说明。
6. 不改模板，不动用户的原图。 输出放在图片旁边的新文件里，同名文件已存在就换个名字。
7. 别说"已完成"就算完。 交付时带上待确认清单、对账结果和可能与原图不一致的地方。

安装

先检查：

ls ~/.claude/skills/house-plan-designer 2>/dev/null && echo "已安装" || echo "未安装"

没装的话，装之前先告诉用户这会把第三方技能和依赖装到他的电脑上：

git clone https://github.com/ZWD11/house-plan-designer ~/.claude/skills/house-plan-designer
pip install numpy pillow opencv-python pymupdf ezdxf pypdf
cd ~/.claude/skills/house-plan-designer/scripts && npm install

npm install 只装 puppeteer-core，不下载浏览器；脚本会自己找系统里的 Chrome、Edge 或 Chromium，找不到再用 Playwright 的。国内网络慢可以临时换 npm 镜像。其他 Agent 把仓库放进各自的 skills 目录即可。

先选识别路线

用户给的	走哪条路线
彩色户型图、截图、扫描件、只有位图的 PDF	图片路线：用 OpenCV 找墙，按尺寸标注换算毫米
黑底 CAD 截图（模型空间截屏）	按线色分图层、自动找轴网定比例
CAD 导出的矢量 PDF、DXF	直接读图元坐标，精度最高
认不出墙、墙只有描边、数字炸成线条	CAD 兜底路线：按线色线宽分层，平行线配成墙，必须配合全楼对账
一页并排好几层、量房软件导出	整栋楼路线：自动切层、各层对齐
装修公司整套布置图 DXF	布置图路线：展开块、修乱码、挑出一张，再逐项对账
原图加装修布置图两张	双图路线：墙按原图、家具按设计图，自动对位
DWG	请用户另存为 DXF 或导出 SVG、PDF，再走上面的路线

具体命令和参数，读仓库里 SKILL.md 和 reference/ 下对应路线的说明，不要凭记忆写命令。

流程

1. 读图。 逐块放大看，先整理一份"图上符号 → 建模"清单：总尺寸和每道分段尺寸、房间名、门的开向、窗型、承重墙、柱、烟道、管井、立管、地漏、电箱、空调位。
2. 写户型描述。 用脚本生成，不要手写 JSON；识别脚本给出的初稿读进来再补，不要重写墙。尺寸链写进描述里，方便自动对账。
3. 生成并自查，循环到清零。 构建网页后用无头浏览器检查：房间是否闭合、有没有悬空的墙、门窗有没有丢、尺寸链是否对得上，再把结果叠回原图看墙体是否重合。
4. 三个对账。 墙体对账（玻璃、洞口、柱有没有认错）、尺寸链对账（并单独列出图纸自己前后矛盾的标注）、家具摆放自查（窗帘前、推拉门前、高柜挡窗、楼梯踏步）。
5. 布置家具和水电。 图上画了的一比一还原，没画的按房间功能补全套；开启自动水电，再逐房间审计。
6. 交付前验收。 把设计器的功能实际操作一遍，并检查导出的文件能不能打开；截图要自己过一遍。

常用请求

把这张户型图做成装修设计器网页

客厅铺 800×800 灰色大板，主卧人字拼木地板；风格要奶油风；城市是杭州

厨房做 L 形橱柜，水槽在窗下；主卧衣柜做到顶

设计器能做什么

• 2D 布置、3D 鸟瞰、第一人称漫游，门窗窗帘和灯可以点着开关。
• 家具库三百多件，九种风格，可一键整套换风格；橱柜和定制柜尺寸可调；还有自由造型工作台。
• 吊顶、灯带、铺装、拆改；水电管线自动排布，五类管线分开看、分开导出。
• 自动算量报价；导出施工图 PDF、国标 CAD 图纸 DXF、彩平图 PNG 和分享文件。

要注意

• 最适合带尺寸标注的图。纯线稿、扫描件、拍歪的照片，识别初稿会很差，主要靠你根据标注推算。
• 位图里的尺寸数字识别是兜底：读不出或对不上的段会被标出来，需要人工补。
• 作者提醒：要想达到完整效果，不推荐用能力较弱的模型。
• 方案自动保存在浏览器本地；换电脑或发给别人，用设计器里的"导出 → 分享文件"。
• 能导出 DXF，但不含建筑 CAD 插件的自定义实体；不直接读 DWG。
• 完整验收和对账很耗时间（大平面可能要十几分钟），先说一声再跑。

输出格式

1. 生成的 HTML 路径（以及打包的 zip，如果有）。
2. 2D 和 3D 截图。
3. 待确认清单：估算的层高、推断的承重墙、拿不准的洞口、不认识的符号。
4. 三个对账的结果，以及图纸自己前后矛盾的标注。
5. 和原图可能不一致的地方，以及比例是否是估算的。