# AI Editor RSP Hero Optimization Input Brief

- Project slug: aieditorrsp
- Production URL: https://aieditorrsp.net
- Repo: /root/projects/aieditorrsp
- User screenshot: /root/.hermes/image_cache/img_f1c401f16193.jpg
- User instruction: 按做站流水线完整优化；Host/小墨不要直接动手实现；通过 Kanban 专项 Agent 跑设计、产品、SEO、合规、实现、复验、最终 QA。

## Owner feedback

右侧工具区域太长，比例不协调。当前截图显示右侧 studio/editor 面板从首屏顶部一直延伸到视口底部并被裁断，左侧 Hero 文案下沉，首屏视觉重心偏右且过重。

## Design Acceptance contract (pre-audit)

- design_verdict: DESIGN_NO_GO
- P0: 右侧 console 无高度上限，statePanel + Account Credits 不应出现在首屏且被裁断。
- P0: `.studio-hero--tool` 的 `align-items:center` 与超高右栏组合导致左栏标题下沉。
- P1: 模板带 4 列卡片在 1280 宽度下文字拥挤；upload/prompt 区 min-height 偏高。
- Required fix:
  - 桌面右栏不要撑爆首屏；console 顶部与 H1 顶部光学对齐。
  - 移除或折叠首屏中的完整 idle/result statePanel。
  - 移除首屏中的 CreditAccountPanel / Pro monthly / yearly / credit pack 按钮。
  - Generate 按钮必须在 1366x768、1440x900、1280x800 首屏可见且不被裁断。
  - 390/430 mobile 单列，无横向滚动，账户/付费区不回流首屏。

## Product Acceptance contract (pre-audit)

- pm_verdict: PM_NO_GO
- 首屏 5 秒测试：能看懂是 AI 改图工具，但第一步不够清楚；右栏同时出现上传、提示词、模板、额度、生成、IDLE、账户/付费，认知负荷过载。
- 首屏唯一任务应是：上传一张图 → 选风格/提示词 → 点生成。
- 首屏不应出现：IDLE 结果占位整块、Account Credits、Login with Google、Pro monthly/yearly/Credit pack、写死的 `2 free generations left today`、过多技术噪音。
- CTA 收敛：左栏 Start Editing + 右栏 Generate Edit；登录只保留顶部或安全入口；付费归口 pricing/额度耗尽后提示。

## SEO / Compliance constraints (pre-audit)

- seo_verdict: SEO_CONDITIONAL_GO
- 保留：`makeSeoMetadata("/")`、`SeoJsonLd route="/"`、`SeoExpansion route="/"`、canonical/OG/Twitter/sitemap、H1 语义。
- 首屏 H1 继续覆盖 `AI Image Editor` + `Prompt Templates` / prompt-based image editing 语义。
- 首段保留 upload/source photo、reusable style prompt/templates、portraits/products/social assets、prompt control 语义。
- compliance_verdict: 需收紧登录/付费/credits 口径。
- 若 provider/Stripe/DB/login 未全部生产验证：不要写 live billing、checkout live、paid checkout live；不要硬编码 quota；不要承诺 high-resolution exports；pricing/terms/refund/privacy 口径必须一致。

## Required Kanban DAG

1. moying Design Refinement / Design Acceptance
2. moce Product Scope Acceptance
3. moyin SEO Recheck
4. modun Compliance Recheck
5. mojie Frontend implementation from above contracts, commit+push+deploy
6. moying Design Recheck
7. moce Product Recheck
8. moyin SEO Recheck final
9. modun Compliance Recheck final
10. motest Final QA fan-in

Host must not edit repo files directly.