首页 项目矩阵 选图科技云摄影 · seenlens
客户项目 · H1 第一笔商业首单

选图科技云摄影 · seenlens

B 端医院 / 事业单位人像摄影服务的微信小程序前 Web demo — slogan「照见你的美」, 4 周 deadline, 1w 预算, 客户首单。

这是 H1 半年的第一笔真客户首单 — 真预算、真 deadline、真"客户改需求 7 次"。 之前所有项目都是自用 / 给同事 / demo, seenlens 不一样: 客户给具体 scope(B 端医院 + 北京 + 1w 预算 + 4 周交付), 需求会变(从 4 步合作模式 → 福利/服务/场景三段 → 精简 3 模块), PRD 要落档, 设计稿要交付, 上线要真 redeploy。 repo 英文名 seenlens(Seen + Lens 呼应 slogan), 客户中文全名「选图科技云摄影」对客户文案不改;域名保留 xuantu.mvp.restry.cn 兼容客户书签。 7 天内 PRD 从 v0.5 → v0.7, 当天最多 6 次部署。"用 AI agent 给真客户交活"这条路第一次走通。

xuantu.mvp.restry.cn 飞书 wiki · 需求 / PRD / 设计 ~/projects/seenlens /opt/mvp-apps/seenlens
19 commits
6/5 立项 → 6/12 模板化 · 7 天
「照见你的美」
slogan · Seen + Lens
PRD v0.5 → v0.7
飞书 wiki 3 篇全程跟单
~6 次/天
峰值部署节奏 · 6/12

这是什么

客户预览 + 信息架构验证的 Web demo

微信小程序前的Web demo, 给客户预览设计 + 验证信息架构。 React 19 + Vite 6 + Tailwind v4, 部署在 mvp-deployer(/opt/mvp-apps/seenlens); 三 Tab(首页 / 作品 / 合作) + 关于页 + 管理后台 5 模块(齿轮入口)。 需求 / PRD / 设计 / 决策全在飞书 wiki, 不在 GitHub — 用 mattpocock setup-matt-pocock-skills 把 issue tracker / triage / domain 接口换到飞书。 AGENTS.md + docs/agents/ 落地了 issue-tracker / triage-labels / domain 三套规则。

解决什么问题

"用 AI agent 给真客户交活"的第一条样路

H1 之前的项目都是自给 — 自己用 / 给同事 / 给 demo。给真客户交付的链路完全没跑过: ① 客户答 8+3 条边界但需求会变(4 周内改了 5-6 轮 hero, 第 3 Tab 从"我的"改"关于"再改"合作"); ② PRD 必须有版本号和审计痕迹(飞书 wiki 跟到 v0.7); ③ 设计稿要交付客户预览(xuantu.mvp.restry.cn 当客户预览域名, 改完一刻钟内就要看到生效); ④ 改名 + 域名兼容 + git 仓重命名 + PM2 / 服务器路径全套要平滑(xuantu-demo → seenlens 当天搞定不留 broken link); ⑤ issue tracker 不能让客户上 GitHub(对客户飞书是默认协作工具)。 这套流程跑通后, 后续每个客户项目都能复用 — seenlens 是给 H2 商业化探路的。

关键里程碑

7 天 19 commits 的 5 个节点

挑出 6/5 → 6/12 真正改方向的节点。所有原始 commit 在 ~/projects/seenlens git log。

2026-06-05
立项 + PRD v0.5
客户答 8+3 条范围(B 端医院 + slogan「照见你的美」+ 4 周 + 1w + 只北京);v1 砍到 3 Tab(首页/作品/关于) + 用微信云开发不要域名/备案 + 管理后台手机端 + 用户列表(昵称/头像/访问时间, openid 双击展示);Azure img2 出品牌识别莫兰迪定稿(医院调性警告作废)。飞书拆 3 个子文档 + 父 index。
2026-06-08
三 Tab 信息架构定型 · 管理后台齿轮入口
WorksTab 改纯瀑布流删"立即定制" + 分类筛选;"我的"重命名"关于"删订单/收藏/会员权益, 保品牌+客服+退出;管理后台齿轮入口上线 5 模块。踩坑: mvp-deployer "build 成 smoke 502 自动回滚", 手动修后新 bundle 上线 ✅。
2026-06-10 → 11
4 轮 UI 重做 · hero 全屏 + 3 套字体
当天 8 次部署 — hero 升级 7 张本地真实样片(全屏突破 max-w-[1440px])+ 透明 banner + 文字下移加细线/光晕装饰 + 启用 Cormorant Garamond + Noto Serif SC + Playfair Display 远程字体;HomeTab 按豆包 06-11 需求精简 3 模块(hero/最新动态/关于我们) 删 slogan / 福利摄影 / 服务特色 / 适用场景 / 合作伙伴;第 3 Tab 定稿"合作";作品页全屏 Lightbox;通栏横幅最新动态(君谊中学 / 协和医院 / 腾讯年会);WorksTab 2 卡片改回上下并排;PRD 同步到 v0.7。本地建 ~/projects/xuantu-demo git repo(从服务器拉源码补落仓)。
2026-06-12
改名 xuantu-demo → seenlens + 工作流模板化
仓库 + pm2 + 服务器路径全改, 域名保留 xuantu.mvp.restry.cn 兼容客户书签。当天 ~6 次部署: 删公司地址 → 改名 → CooperationTab 新增「服务理念 + 6 大特色 + 4 类客群 + 福利赠送规则」→ 图标改大 → 作品页两组照片 4s 自动 fade 切换。飞书 wiki 3 篇全更新(index→rev67 / 需求→65 / PRD→14)。mvp-deployer 双进程抢端口 3816 解决(删 xuantu-demo + 3 个 .failed-* 残留, seenlens 独占)。
2026-06-12
mattpocock skills 接飞书
装 mattpocock 29 skills(全 copy 到 ~/.hermes/skills/ + ~/.claude/skills/, 零撞名);setup-matt-pocock-skills 在 ~/projects/seenlens 落 AGENTS.md + docs/agents/{issue-tracker, triage-labels, domain}.md。issue tracker = 飞书 wiki, triage = 默认 5 个英文标签, domain = single-context CONTEXT.md + docs/adr/。所有 to-issues / triage / to-prd / qa 等 skill 不再走 GitHub 也不写 .scratch/, 改成读写飞书文档。这套配置是给后续每个客户项目的模板。

沉淀的洞察

第一笔商业首单学到的 3 件事
"客户的需求会变 7 次", 必须接受这是常态
当天 6 次部署不是 bug 是 feature, 关键是基建(mvp-deployer)能承接, PRD 能跟得上, 飞书 wiki 当 issue tracker 比 GitHub Issues 顺手得多 — 客户能直接点开看, 评论留痕, 不用让客户先注册 GitHub 账号。这条比任何技术决策都重要。
repo 英文名 ≠ 客户中文名
仓库改成 seenlens 后内部代码爽、文件命名清晰;客户视角不变(域名保留 xuantu + 客户文案不改全部"选图科技云摄影")。这是给"未来开源 / 给他人接手 / 写在简历上"留余地, 同时不破坏客户认知。商业项目都该这样处理品牌-技术名分离。
mattpocock skills 接飞书是可复制模板
通用 skill 都假设"GitHub-first"(issue tracker / triage label / domain docs 都默认走 GH), 客户项目要接飞书必须改接口。setup-matt-pocock-skills 这套配置(AGENTS.md + docs/agents/issue-tracker.md + triage-labels.md + domain.md)是第一次跑通能用的样板, 后续每个客户项目复制改两个 wiki URL 就能上手。

技术栈

React 19 · Vite 6 · Tailwind v4 · mvp-deployer · 飞书 wiki
React 19 Vite 6 Tailwind CSS v4 mvp-deployer (PM2) 飞书 wiki (issue tracker) setup-matt-pocock-skills Cormorant Garamond Noto Serif SC Playfair Display Azure img2 (品牌图)