一、自己 / 团队介绍
我是卓信成，清华大学建筑学本硕，一级注册建筑师、注册城乡规划师、注册工程咨询师、高级工程师，目前在清华大学建筑设计研究院担任主创建筑师（第10年），同时在读清华经管学院产业创新MBA（2024级）。
为什么想做这个作品？ 作为建筑从业者，我过去10年设计的都是"大空间"——体育馆、文化中心、城市综合体。但我渐渐发现，真正影响大多数人每天身心状态的，是那些被忽视的"小空间"：一张工位、一方书桌、一个宿舍桌面。这些空间承载了我们每天8-12小时的生活，却几乎没有人用专业视角去审视它们是否"健康"。我一直在思考"AI赋能设计工作"这个命题，筑·语就是我的回答——把建筑学和环境心理学的专业判断，装进一个拍照就能用的AI工具里，让每个人都能拥有自己的空间健康顾问。
我擅长什么？ 建筑空间设计的系统思维、环境心理学的理论基础、对色彩/照度/密度等空间参数的专业敏感度。技术方面，我的Vibe Coding年限约1年，从v0到Trae，逐步从"画图的设计师"转型为"能写全栈应用的Builder"。
性格标签： 从大空间走向小空间的设计师、致力于用AI赋能建筑行业的探索者、34岁还在学写代码的"高龄Vibe Coder"。
二、产品简介（复赛版）
是什么
筑·语 是一款基于 AI 的空间健康评分与改造建议产品（Web应用）。用户拍一张空间照片，AI 从色温、照度、密度、色彩四个维度进行专业评分，生成 SHI（空间健康指数），输出评级和诊断报告，并提供改造方案、好物推荐、模拟器预览、复评对比、好友PK、案例库等完整功能链路。
一句话定位： 你的空间，正在替你说什么？筑·语让它说出健康的答案。
面向谁
核心用户群体： 大学生（18-26岁，宿舍桌面）和打工人（22-35岁，工位/书房）
典型使用场景： 入住新宿舍/新工位时评估空间健康度；感到工作疲劳时排查环境问题；想改造空间但不知道从何下手；和朋友比拼谁的空间更健康
完整功能清单与用户使用路径
筑·语复赛版包含6条核心功能链路，构成完整的"诊断→改造→验证→分享"闭环：
链路一：拍照评分 → SHI 指数诊断 用户拍照（或选择相册/示例场景）后，AI 从色温、照度、密度、色彩四个维度对空间进行评分，生成 SHI（空间健康指数），输出评级（S/A/B/C/D 级）和诊断报告。首页提供3个示例评分卡片（72分A级·宿舍桌面 / 58分B级·打工人工位 / 85分S级·书房一角）供快速体验。
首页截图，展示Hero区域 + 三步流程 + 示例评分卡片
链路二：改造方案 → AI 好物推荐 基于评分短板维度，系统自动推荐改善商品（36个商品库），按维度分类展示，标注价格、评分提升空间和推荐理由。用户可勾选好物加入购买清单，清单实时持久化保存。
改造方案页截图，展示推荐商品列表 + 购买清单
链路三：空间改造模拟器 提供4个示例场景（程序员工位/考研书桌/设计师桌面/宿舍小桌），支持6种设计风格（极简主义/日式温馨/绿色生态/北欧自然/暖调复古/科技未来）一键切换。元素库分5类（植物/灯具/收纳/装饰/个性），每类含6-10个可拖拽元素。支持撤销/重做/重置/对比模式/导出，实时显示改造前后分数对比和四维度变化。
模拟器截图，展示风格切换 + 元素拖拽 + 对比模式
链路四：复评 → 分享证书 改造完成后可进入复评页面，重新拍照评分，对比改造前后分数变化。完成复评后生成专属证书，可分享展示，记录空间成长轨迹。
链路五：好友 PK 房间 创建房间获取房间码，好友输入码加入，大家一起拍照评分看谁的空间更健康。排行榜实时更新，支持5人并发零数据丢失。房主可一键关闭房间截止提交，PK页面实时显示提交状态、已提交人数和排行榜。
PK房间创建 + 排行榜截图
链路六：大师级案例库 6个完整改造案例（程序员极简进化/考研日式禅意/远程办公绿色呼吸/打工人北欧之光/宿舍小桌时光温度/极客桌面光影美学），每个案例含改造前后对比图、问题诊断、改造清单（含费用和耗时）、专家点评。支持按风格筛选，可一键跳转模拟器体验同款改造。
【截图位置6】 请在此处插入案例库截图，展示案例卡片列表
用户使用路径：
拍照/选示例 → AI四维度评分 → 查看诊断报告 → 进入改造方案 → 勾选好物清单
→ 进入模拟器 → 切换风格/拖拽元素 → 对比改造前后 → 导出 → 复评 → 生成证书
→ 创建PK房间 → 好友加入评分 → 排行榜 → 查看案例库获取灵感
相比初赛 Demo 的升级
从初赛 Demo 到复赛完整作品，主要新增和打磨了以下功能与体验：
维度 初赛 Demo 复赛完整作品
功能链路 仅跑通"拍照评分"1条链路 6条完整链路（评分/推荐/模拟器/复评/PK/案例库）
模拟器 无 全新开发，6种风格 + 5类元素库 + 对比模式 + 撤销重做
好物推荐 仅3个示例商品 36个商品库，按维度分类，照度维度补齐
PK功能 无 房间创建/加入/提交/关闭全流程，互斥锁保障并发安全
案例库 无 6个大师级案例，含对比图/诊断/清单/点评
并发安全 未测试 5人并发零数据丢失（互斥锁修复验证）
稳定性 能演示即可 15个问题修复，32项回归测试通过
部署 localhost Vercel公网部署，评审可直接访问
三、产品演示视频
3分钟演示视频，覆盖全部6条核心功能链路，包含口播解说和操作录屏：
【视频链接位置】 请在此处插入演示视频链接（B站/抖音等第三方平台公开链接）
视频内容：品牌片头 → 首页介绍 → 示例评分 → 拍照评分 → 改造方案与好物推荐 → 空间改造模拟器（风格切换+元素拖拽+对比模式）→ 复评与证书 → 好友PK房间 → 大师级案例库 → 结尾
【宣传视频链接位置】告诉大家一名建筑师做一款web产品的心路历程
四、产品创作历程
灵感来源
灵感来自我10年建筑设计的反思。作为建筑师，我习惯用专业眼光审视空间——色温是否舒适、照度是否达标、密度是否压抑、色彩是否协调。但大多数人没有这种专业训练，他们每天待在工位上感到疲惫、在宿舍里觉得压抑，却说不清原因。2026年初，我在清华MBA课堂上第一次接触AI编程工具，意识到：如果把建筑学的空间评价体系装进一个AI工具，让普通人拍张照就能得到专业级的空间诊断，这件事既有社会价值，也是"AI赋能建筑"的最佳切入点。
初赛 Demo 阶段
初赛阶段，我使用 TRAE Work 搭建了筑·语的第一个可运行版本。核心链路是"拍照 → AI评分 → 查看报告"，验证了"AI能否对空间照片做出专业级评价"这个关键假设。初赛Demo证明了创意可行，但功能单薄，只有评分一条链路，没有改造、模拟、PK等功能，离"能被真实使用的产品"还有很大距离。
初赛链接： 【生活娱乐赛道】筑·语 —— 你的空间，正在替你说什么？
复赛关键问题与解决
问题一：模拟器照片无法显示 复赛新增的空间改造模拟器中，原始照片和AI优化后照片无法正常显示。经排查，根因是布局约束导致画布尺寸不足，叠加 requestAnimationFrame 调度冲突导致渲染被清空。解决方案：新增同步渲染函数 renderSync()，在 resizeCanvas() 后立即调用；同时压缩底部面板高度（38vh→30vh）和评分面板高度（25vh→14vh），释放画布显示空间。
问题二：推荐接口在照度维度崩溃 当用户空间评分的短板维度为"照度"时，推荐接口返回500错误。根因是商品库中照度维度商品数量为0，导致 matchedProducts 数组为空，后续聚合逻辑触发空引用异常。解决方案：补充6个照度维度商品至商品库（总数达36个），并在汇总逻辑中使用可选链 ?. 进行防御性兜底。
问题三：多人并发PK导致数据丢失 5人同时加入PK房间时，部分成员数据被覆盖丢失。根因是"读取-修改-写入"模式缺乏原子性保障，并发写入互相覆盖。解决方案：实现 roomLock.js 每房间互斥锁，将 join/submit/close 操作串行化；关闭房间接口增加 hostId 房主凭证验证，返回401/403错误码。
问题四：首页示例场景点击后模拟器无法读取照片 首页示例场景点击事件中删除了 localStorage 照片数据，导致跳转到模拟器后无法读取。解决方案：改为保存图片路径和场景ID，不再删除原始照片数据。
重要设计与技术决策
四维度评分体系： 基于建筑学和环境心理学理论，选取色温、照度、密度、色彩四个维度，既覆盖了空间体验的核心要素，又便于用户理解和改进
SHI指数设计： 参考WELL健康建筑标准，将四维度分数加权合成为0-100分的空间健康指数，配合S/A/B/C/D五级评定，降低理解门槛
模拟器实时反馈： 拖拽元素即时重算分数，让用户直观感受"加一盆植物能提多少分"，把抽象的空间理论变成可触摸的游戏化体验
PK社交裂变： 设计好友PK房间功能，让空间评分从单人工具变成社交游戏，增强传播性和复用率
五、TRAE 实践过程
本项目全程使用 TRAE Work 完成产品开发，涵盖需求分析、架构设计、前端开发、API开发、数据库设计、测试调试、部署上线的完整流程。
开发流程总览
需求分析与架构设计： 使用 TRAE Work 梳理产品需求文档，设计 Next.js 14 全栈架构，规划6条功能链路的页面路由和API接口
前端页面开发： 使用 TRAE Work 生成首页、评分报告页、改造方案页、模拟器页、复评页、证书页、PK页、案例库页等10个功能页面
API接口开发： 使用 TRAE Work 编写8个API接口，包括AI评分、好物推荐、PK房间创建/加入/提交/关闭、数据持久化等
模拟器核心开发： 使用 TRAE Work 实现Canvas画布渲染、元素拖拽、风格切换、对比模式、撤销重做、实时评分计算等核心交互
并发安全修复： 使用 TRAE Work 实现互斥锁机制，修复多人并发数据丢失问题
测试与调试： 使用 TRAE Work 组建虚拟专家团队（前端UI测试/API并发测试/代码质量审查），发现并修复15个问题，通过32项回归测试
部署上线： 使用 TRAE Work 配置 Vercel 部署，完成公网上线
复赛demo链接：https://zhuyu-app-theta.vercel.app/
关键开发步骤截图
使用 TRAE Work 进行模拟器Canvas渲染开发的关键对话截图
使用 TRAE Work 实现互斥锁修复并发问题的关键对话截图
TRAE Work 组建专家团队进行全功能测试的关键对话截图
关键任务对话的 Session ID（不少于3个）
【Session ID 位置1】对应任务：模拟器Canvas渲染与照片显示修复
2332518446269328:f1fd6f1c37226aa56f8115f0fd4b3acf_6a3feb6282217b62e08c31c4.6a6eedbb9fe9e53822502314.6a6eedbb9fe9e53822502312:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/2 15:11:55)
【Session ID 位置2】 对应任务：大师改造案例模块
2332518446269328:f1fd6f1c37226aa56f8115f0fd4b3acf_6a3feb6282217b62e08c31c4.6a6eef829fe9e5382250239f.6a6eef829fe9e5382250239e:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/2 15:21:20)
【Session ID 位置3】 对应任务：场景模拟改造器中贴纸大小缩放及位置移动
2332518446269328:62ca1e330376a0bb9b7d5d46bbf5d94a_6a3feb6282217b62e08c31c4.6a6fd9269fe9e5382250295d.6a6fd9259fe9e5382250295b:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/3 07:56:22)
【Session ID 位置4】对应任务：专家团队全功能测试与15个问题修复
2332518446269328:41ee707b9ea4635270c3d2f3d9e1f7a8_6a72a24f9fe9e5382250301c.6a731a1f9fe9e53822503283.6a731a1f9fe9e53822503281:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/5 19:10:23)
【Session ID 位置5】对应任务：Vercel公网部署配置
2332518446269328:be258512b4534770c958fb0820cd506a_6a72a24f9fe9e5382250301c.6a741a1e9fe9e5382250417e.6a741a1d9fe9e5382250417c:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/6 13:22:38)
六、技术方案分享
技术栈
层级 技术选型 说明
前端框架 Next.js 14 (App Router) React 全栈框架，支持 SSR/SSG
样式方案 Tailwind CSS 原子化 CSS，快速实现响应式布局
API 层 Next.js API Routes 无需独立后端，前后端一体部署
数据库 Supabase (PostgreSQL) 提供 PK 房间数据持久化，支持实时订阅
AI 评分 视觉大模型 API 对空间照片进行四维度分析评分
部署平台 Vercel 零配置部署，自动 CI/CD，全球 CDN
关键实现思路
-
AI 四维度评分引擎 将空间照片发送至视觉大模型，通过精心设计的 Prompt 引导模型从色温（冷暖光环境）、照度（光线充足度）、密度（空间拥挤度）、色彩（配色协调度）四个维度输出0-100分及诊断建议。Prompt 中嵌入了建筑学专业知识，确保评分结果具备专业可信度。
-
模拟器实时渲染与评分联动 模拟器基于 Canvas API 实现，用户拖拽元素时触发 renderSync() 同步重绘，同时实时重算四维度分数。采用状态机管理撤销/重做栈，支持无限步撤销。对比模式通过双画布并排渲染实现改造前后对比。
-
互斥锁并发控制 PK房间的 join/submit/close 操作通过 roomLock.js 实现每房间互斥锁串行化，避免并发写入导致数据覆盖。锁机制基于内存级 Map 实现，按 roomId 维护锁状态，操作完成后自动释放。
-
防御性编程与数据兜底 推荐接口汇总逻辑全面使用可选链 ?. 兜底，防止空数组/null 引用。所有 API 返回数据统一脱敏处理。localStorage 数据增加异常捕获和默认值回退。
七、商业化与社会价值分析
社会价值
中国有近3亿办公人群和4000万在校大学生，他们每天在工位/书桌/宿舍桌面度过8-12小时，但绝大多数人的空间处于"亚健康"状态——照度不足导致视疲劳、色温偏高引发焦虑、空间密度过高产生压抑感。筑·语把建筑师的 professional eye 装进每个人口袋里，让空间健康从"专业盲区"变成"人人可测可改"的日常行为，具有显著的健康普惠价值。
商业化路径
好物推荐佣金： 36个商品库已对接电商商品，用户通过筑·语购买改造好物可获得分佣
B端企业服务： 为企业提供员工工位健康评估报告，作为ESG/员工福利方案的组成部分
空间改造平台： 连接用户与室内设计师，基于评分报告提供定制化改造方案，收取撮合服务费
数据洞察服务： 积累空间健康数据后，为家具/照明/收纳品牌提供消费者空间痛点洞察
八、产品迭代规划
阶段 时间 规划
V1.0（当前） 复赛交付 6条功能链路完整，Vercel公网部署
V1.1 决赛前 优化AI评分准确度，增加用户反馈机制；模拟器增加更多元素和风格
V2.0 2026 Q4 接入真实电商API实现好物一键购买；增加用户账号体系和空间成长档案
V3.0 2027 Q1 推出B端企业版，支持批量工位评估；上线设计师撮合服务
九、结语
筑·语是我作为建筑师对"AI赋能设计"的一次真诚回答。10年前我从清华建筑系毕业，设计的是大空间；今天我用 TRAE 写代码，服务的是每个人身边的小空间。技术变了，工具变了，但核心没变——让空间为人服务，让设计创造价值。
感谢 TRAE 让一个建筑师能够独立完成全栈产品开发。从需求分析到部署上线，TRAE Work 陪我走过了每一个深夜的编码时光。筑·语，让你的空间会说话。
感觉可以结合玄学
看了你的项目，一键生成空间改造方案的想法好有趣。瞬间想起小时候看《交换空间》，总暗搓搓希望有人能把自己的房间变成更好的样子。小红书上那些布置得超美的房间也总让我羡慕，但真轮到自己动手，就完全无从下手。如果能通过AI获得定制化的专业改造方案，还可以选风格，听起来对我这种“装修小白”会特别有帮助~
）：空间健康度的评分标准是怎么制定的呀？我在想，不同背景和需求的用户，在意的维度可能差别挺大，比如有人喜欢温暖热闹的氛围，也有人就需要空空如也的感觉。目前的评分体系是统一适用于所有人，还是说用户也可以根据自己的习惯和偏好去调整某些权重呢？如果能支持标准上的个性化微调，感觉会让方案更贴心~不如如果这样的话，不同的房间之间可能就也很难用同一套标准去pk了，也许这也是一个tradeoff的点？