淘天用Cursor完成红包签到页全栈开发

作者（服务端背景）用 Cursor 完成红包签到首页「单品返子玩法」引导强化需求的前端交付，涉及工程 hbqd5（老版本主页）、qd（新版本主页）、order-withdraw-feeds（子玩法）：首页新增带疲劳度回调与商品展示的 POP（仅老版本）、首页 Feeds 增加单品返商品插卡（新老版本）、首页 Feeds 与单品返插卡商品双向去重（新老版本）。 流程为：先按 PRD 与设计稿澄清需求、确定改动范围并写成 task.md。用 Cursor 的 plan 模式引用需求文档生成执行计划、逐条回复其待确认问题并持续 review 迭代。按方案让 AI 一次性生成前端大体框架。再自测完善样式与动效——弹窗前置用 Lottie 动画（增加弹窗状态、由 Lottie 回调控制弹窗可见、onLoad 中 sleep 对齐动画结束位置，最外层 relative + 动画 absolute 定位加阴影），点击/关闭时用飞入动画收入二排坑位（期间修掉先关弹窗导致取不到起始位置、动画重复、点击失效等问题，最终靠加日志定位并调整 lottie 与其他组件的 z-index）。 Feeds 去重由服务端处理、前端请求时带上已曝光商品列表。排查的疑难问题包括：CSR 预发环境下 Feeds 预加载失效（组件首次请求与预加载同步执行但接口异步，需等首次请求结束再预加载）、直通车回退导致插卡商品刷新（把渠道卡片请求的状态与数据提升到父组件保证会话内不变）、页面加载状态由双状态优化为单状态、按 biztype 区分的卡片样式抽取为可复用组件。 最后由 PD 梳理埋点信息、AI 执行并到埋点平台验证，通过截图与视觉体验完成验收。