自己搭了一个装修需求调查问卷系统
半天时间，从问卷星换到了一个带 AI 客户侧写的自建问卷系统。现在发给客户的只是一个链接——打开就是干净的 H5 页面，提交后自动收到分析报告。
本文位置：这是“真实工具路线”的起点。它记录一个内部工具如何从业务痛点出发被做出来；下一篇 从内部工具到多设计师问卷平台 记录它如何继续被产品化。
为什么要换掉问卷星
工作室一直用问卷星做客户需求调查，微信上发给客户填。用了挺久，谈不上多难用，但有些细节越来越受不了：
客户体验差。 40 多道题堆在一个页面上，没有逻辑跳转。选了「没有运动器材」的人还得看到「请选择运动器材类型」——这不是问卷，是劝退通知。
风格靠想象。 「侘寂风」「复古南洋风」这些词，你画图的当然知道长什么样，客户哪知道？没有图片辅助，全是瞎选。
数据在别人手里。 免费版的问卷星有水印、有广告。而且每一份提交都在他们服务器上，不是你自己的。
我想做一个自己能完全控制的东西：一个干净的 H5 页面，发个链接就能填，有图片、有逻辑跳转、提交后我能直接看到结果。
为什么不做微信小程序
其实最开始想过小程序。但室内设计工作室做小程序太麻烦——需要注册公司主体、认证、审核，周期长，而且微信对个人开发者的限制越来越多。H5 一个链接就解决了，随便往微信群里一扔都能打开，够用。
做两份问卷
客户在不同阶段需要不同深度的沟通，所以做了两个版本：
- 轻量版（16 题，约 3-5 分钟）：初步接触客户时发，先聊个大概
- 完整版（62 题，含逻辑跳转，约 15 分钟）：签约客户填，深度了解
设计师自己决定发哪个链接。
题量和要收集的信息量是我定的，Hermes（我的 AI 助手）和 Claude Code（写代码的 AI）负责把问卷格式设计出来并实现。
风格合并：一个被迫的简化
原来的问卷星版本有 13 种装修风格，但很多客户分不清极简和现代简约的区别，更看不懂欧式、法式、美式有什么不同。我做了个痛苦的合并，缩到 9 组：
简约风 · 奶油风 · 侘寂风 · 新中式 · 自然原木风 · 欧美风 · 轻奢 · 复古南洋风 · 不确定
每组配一张实景参考图（我电脑上的素材，提前去掉了水印）。“不确定”是给那些真说不上来的客户的——与其瞎选，不如不选。
开发过程：一个下午的四轮迭代
就是 5 月 23 日下午的事。我从下午 3 点左右开始跟 Hermes 聊需求，到晚上 7 点多全部跑通。整个流程没写一行代码——我出思路和验收，AI 出代码。
第一轮：搭起来
Hermes 设计了 JSON 问卷格式，Claude Code 一口气写完所有 Vue 组件和后端接口。前端支持 8 种题型，逻辑跳转、分页填写、localStorage 自动保存（客户退出再进来接着填）。服务器装 nginx、配 systemd 服务、Cloudflare 配 DNS，一套下来大概两三个小时跑通。
第一轮踩了个坑：Hetzner Cloud Firewall 默认只开 SSH 的 22 端口，80 和 443 是关的。而且这是 hypervisor 层的防火墙，SSH 进去用 iptables 根本看不见。本地 curl 返回 200，外部一直 522，排查了半天才意识到要去 Hetzner 控制台手动加端口。
第二轮：管理员后台
需要一个地方看客户的提交。加了个管理页面，13 张风格参考图原先是 PNG，每张 1.95.4MB，13 张加起来 48MB。移动端加载得几十秒，客户早退出了。我用 Pillow 统一缩到 400px 宽、JPEG 质量 85，每张变成 2173KB，总共 580KB。加载速度质的飞跃。
第三轮：邮件通知 + 微信分享
客户提交后自动发邮件通知我们——QQ 邮箱 SMTP 走 587 端口（STARTTLS），Hetzner 德国节点连 465 端口会超时。微信里分享链接有 Open Graph 标签，显示标题、描述和品牌图。
第四轮：AI 客户侧写
这个是我最看重的功能。客户提交问卷后，系统自动调用 DeepSeek 模型生成一份设计师视角的分析报告：这个客户真正的偏好是什么，矛盾点在哪（比如选了简约但又想要很多收纳），第一次见面应该准备什么。报告不再是 JSON 格式，而是直接生成移动友好的 HTML，设计师收到就能看。
几个印象深的教训
Hetzner 防火墙是隐形的
配好 DNS 和 nginx 后一直 Cloudflare 522。本地 curl VPS 的 IP 是 200，我一直以为是 Cloudflare 代理链的问题，排查了快半个小时。最后发现 Hetzner 的防火墙是 hypervisor 层的——VPS 系统内部完全看不到它，必须在 Hetzner 控制台里手动添加 80/443 端口。tcpdump 抓 eth0 没有任何外部进来的包，这才是确凿证据。
德国服务器连不了 QQ 邮箱 465
这个 bug 定位很快——ping 和 telnet 试一遍就发现了。推测是路由问题或限流，换成 587 + STARTTLS 就好了。
微信分享卡的缓存坑
改完 Open Graph 标签后，微信不会立即重新抓取链接预览。改了图片文件名加 ?v=2 才破。后来查了文档才知道微信有 7 天的缓存策略——得去开发者后台手动刷新或者换 URL。
图片压缩时别手软
原始 PNG 到 400px JPEG 的压缩比让我自己都吃了一惊。48MB 变 580KB，客户端的加载时间从几十秒降到几百毫秒。后来想想理所当然——装修参考图不需要 4K 分辨率，手机上 400px 宽度绰绰有余。
回顾
这一套东西从想法到上线就是一个下午。我出了所有业务需求——问卷内容、跳转逻辑、风格分类、报告格式——AI 负责写代码和排查 bug。我没碰一行代码。
最让我觉得值的是 AI 侧写功能。传统的调查问卷收集完信息就完了，你得自己一条一条看、再综合判断。现在提交后直接生成一份可读的分析报告，告诉你客户的核心诉求和潜藏矛盾。这个体验跟问卷星完全不在一个级别。
数据在自己手里，体验自己控制，有迭代空间。接下去想做的话，可以在管理后台加趋势分析（哪个风格最受欢迎、预算分布在哪个区间），或者把侧写报告做得更结构化，直接对接设计方案的初步构想。
关于这套方案能不能商业化
写这篇文章的时候我在想：这个流程对其他室内设计师是不是也有用？我觉得是。绝大部分中小工作室还在用问卷星甚至纸质填表。一个干净的 H5 问卷，带了 AI 分析能力，加上自己的品牌，应该是有需求的。
如果要做成产品，需要把这套东西封装得更傻瓜——一键部署、可配置的问卷模板、不需要懂代码也能用。
但目前这套我自己的用着挺舒服。
线上地址
项目背景：亿立空间设计内部工具，2026 年 5 月 23 日下午至晚间搭建完毕。前后端代码由 Claude Code 生成，架构设计、业务逻辑和验收由 Hermes 助手完成。
继续阅读
- 从内部工具到多设计师问卷平台：看这套问卷系统如何从自用工具升级成多设计师平台。
- Agent 拆解：模型·提示·工具·编排：如果想理解背后 AI 助手是如何参与开发和排障的，可以从这里进入 Agent 工程路线。