# Owner visual/product NO_GO — full Stitch frontend implementation

Date: 2026-06-08
Site: https://aieditorrsp.net
Rejected task: t_0978081c
Screenshots:
- /root/.hermes/image_cache/img_f276f356713e.jpg
- /root/.hermes/image_cache/img_59f561c23a8e.jpg

## Owner feedback / P0 blockers

1. 右上角按钮、账号/升级区域、下拉文字可读性很差；视觉没有适配好。黑色浮层和深色文字/按钮层级混乱。
2. 模板区域图片上的文字看不清；部分图片和模板主题无关，像占位图，不像为具体 effect 准备的 before/after 示例。
3. 提示词区域太小，大量卡片出现滚动条；Copy prompt 的核心内容不可读，不适合 prompt library 产品。
4. `View details` / `Try this effect` 两个按钮和上方 prompt 区贴太近，按钮缺少间距、层级和完整样式。
5. Stitch 已给了很多 before/after 图片示例，但前端没有按 Stitch 实现；当前卡片模块不像 full Stitch before/after 设计，只是普通卡片 + 截断 prompt。

## Host visual diagnosis

- 当前生产实现不能作为 Product Acceptance/Final QA 的输入。
- `t_0978081c` 的 DONE 只说明构建/部署/基础 DOM 通过，不代表视觉/产品验收通过。
- 必须创建 frontend repair + fresh SEO recheck，再回到 Product Acceptance。

## Repair requirements

- Header/account/upgrade 区：提高文字对比度，修正下拉层 z-index/背景/文字色；不要遮挡主视觉；登录/余额/升级入口层级清楚。
- Template cards：替换占位/不相关图片；每个首页和 library featured card 必须使用与 effect 相关的 before/after 或明确主题图；图片上文字必须可读或移出图片区。
- Prompt area：取消小框滚动条作为默认展示；扩大 prompt 区，显示足够内容；长 prompt 用渐进展开/详情页完整展示，而不是窄框硬滚。
- Buttons：`View details` / `Try this effect` 要有独立按钮区、足够 margin/padding、主次样式、移动端 44px 触控目标。
- Stitch fidelity：读取 `design-new-project/stitch/screen-index.json` 中的 before/after modules 和 local HTML，按 Stitch 结构重建 template/effect card，不得用 generic card 替代。
- SEO_NO_GO 同时修：读取 `/root/.hermes/reports/aieditorrsp-seo-led-product-reposition-20260605/seo-recheck.md`，补齐缺失 IA routes 或写明确 redirect/noindex rationale，并重新生成 sitemap/route contract。