# AIE PRD v4 — Design Acceptance Contract

日期：2026-06-10  
站点：`https://aieditorrsp.net`  
状态：`design_acceptance_contract=true`  
用途：作为 PRD v4 之后、Stitch / 设计 / 前端开工前的硬准入合同。设计不是自由发挥；设计必须证明没有丢 PRD、SEO、产品状态和转化路径。

## 0. 结论

AIE 的视觉方向不是 generic dark SaaS，也不是 developer console。

AIE 是：

> India-first unofficial RSP-style AI photo editing prompt library + lightweight upload-to-edit entry point.

设计必须首先服务三个动作：

1. 找到具体效果。
2. 看样例 / prompt / variables。
3. Copy Prompt 或 Open in Editor。

生成、登录、付费、额度是增强路径，不得盖过免费可用的 prompt library 价值。

## 1. 设计真源

后续设计必须引用最新 Owner 指定 Stitch 项目与导出物，不得使用旧稿、旧截图、旧 prompt-library 设计。

设计任务必须在交付物中写明：

```json
{
  "design_source": "stitch_project|manual_design|existing_site_reference",
  "stitch_project_id": "12934457438775556656 或 Owner 最新指定值",
  "source_checked_at": "ISO8601",
  "pages_exported": ["/", "/prompt-library", "/ai-photo-prompt-editor", "/prompts/[slug]", "/pricing"],
  "states_exported": ["anonymous", "signed_in_free", "quota_exhausted", "provider_disabled", "provider_preview", "provider_live", "checkout_disabled", "checkout_enabled"],
  "known_gaps": []
}
```

如果无法读取最新 Stitch 源，必须 BLOCK，不得凭记忆或旧稿继续做。

## 2. 页面级 Layout Contract

### 2.1 首页 `/`

首屏顺序必须是：

1. H1。
2. 40–70 words short answer。
3. editor / generator module。
4. 6–9 featured prompt cards。
5. Provider state / trust note。

禁止：

- 左右分栏 generic hero。
- 首屏只有抽象宣传语和两个 CTA。
- 把真实 prompt cards 放到过深位置。
- 把 pricing / login 作为首屏主动作。

### 2.2 `/prompt-library`

这是 Full Catalog，不是长文 Guide。

必须有：

- Search / filter / sort。
- Category / provider / use-case filters。
- Prompt cards grid。
- 每张卡可见 Copy Prompt。
- 每张卡有 Open in Editor。
- 每张卡至少展示 category、provider tags、best_for 或 sample preview。
- 移动端 filters 不得遮挡卡片主动作。

禁止：

- 把 catalog 做成 blog list。
- 只展示图片不展示 prompt action。
- 把 Copy Prompt 藏进 hover-only。

### 2.3 `/ai-photo-editing-prompts`

这是 SEO Hub / Guide，不承担完整 catalog。

必须有：

- above-fold short answer。
- prompt formula。
- curated examples 9–12 张。
- 到 `/prompt-library` 的主导流。
- provider / category 分流。
- FAQ / schema 对应内容块。

禁止：

- 和 `/prompt-library` 使用同一 H1 / meta / 页面结构。
- 承担完整搜索筛选库。

### 2.4 `/ai-photo-prompt-editor`

这是上传 / 应用 prompt 的轻工具，不是完整 Photoshop。

必须有状态：

- copy mode：无需登录，Copy Prompt 可用。
- upload empty。
- image uploaded。
- provider disabled。
- provider preview。
- provider live。
- loading。
- result。
- provider error。
- quota exhausted。
- auth required。

关键规则：

- Generate 前必须先显示 provider state。
- provider disabled 时不能出现假 Generate now。
- provider preview 时不能扣 credits。
- provider error / failed generation 不扣 credits。
- Copy Prompt 永远可见可用。

### 2.5 `/prompts/[slug]`

Effect detail 必须完整承接长尾搜索和用户操作。

必须有：

- H1 使用用户搜索语言。
- before / after 或 sample preview。
- Prompt 文本。
- Variables。
- Best for。
- Avoid if。
- Provider compatibility / caveats。
- Copy Prompt。
- Open in Editor。
- FAQ。
- Related prompts。

### 2.6 `/pricing`

如果套餐、额度、provider、checkout、Tax/refund 状态已诚实可见，则 pricing 应可 index。

必须有：

- Free / Pro / Business 三档或明确例外。
- Free 写清 Copy Prompt 永久免费、不登录、不扣额度。
- Pro 写清价格、额度、reset、live generation 条件。
- Credit Pack 只对 active Pro 可见或可购买。
- Business 未实现 seat / invoice / API / SLA 前只能 Contact / Waitlist。
- Stripe Tax / billing address / tax id / refund 说明。
- checkout-disabled 时不跳假 checkout。

## 3. Global Components Contract

### 3.1 Header

所有页面必须共享同一套 header 信息架构：

- Logo / brand。
- Prompt Library。
- RSP Prompts。
- Editor。
- Pricing。
- Sign in / Account。

不得每页不同导航、不同 CTA 语义、不同登录入口。

### 3.2 Footer

Footer 必须包含：

- 主页面：Home / Prompt Library / RSP Prompts / Editor / Pricing。
- Provider / Use-case 重点页链接。
- Legal：Privacy / Terms / Refund / Cookie Policy（如存在）。
- Unofficial disclaimer。

### 3.3 CTA hierarchy

主动作优先级：

1. Copy Prompt。
2. Open in Editor。
3. Upload / Generate（仅 provider 状态允许时）。
4. Upgrade / Pricing。
5. Sign in。

任何页面不得把 Sign in / Upgrade 放在 Copy Prompt 之前。

## 4. Responsive Acceptance

必须验收：

- Desktop：1440 × 900。
- Tablet：768 × 1024。
- Mobile：430 × 932。
- Mobile：390 × 844。

移动端硬要求：

- 首屏不横向溢出。
- Copy Prompt 可见可点。
- Open in Editor 可见可点。
- filters 可展开 / 收起，不遮挡卡片。
- editor 上传区、状态提示、CTA 不被 header/footer 遮挡。
- quota / provider state 文案不截断。

## 5. Content-fit Matrix

设计交付必须证明 SEO freeze 内容被承载：

```json
{
  "route": "/prompt-library",
  "required_copy_blocks": ["h1", "short_answer", "filters_intro", "faq", "schema_visible_support"],
  "placement": {
    "h1": "above_fold",
    "short_answer": "above_fold",
    "filters_intro": "above_fold_or_near_fold",
    "faq": "lower_page_or_collapsible"
  },
  "dropped_blocks": [],
  "waivers": []
}
```

任何 SEO copy 被删、被折叠到不可见、或和页面任务冲突时，必须回 PRD / SEO 写 waiver，不得设计私自裁掉。

## 6. Visual Style Direction

推荐方向：

1. Social prompt catalog：明亮、高对比、卡片密度高，突出 prompt 与效果。
2. Mobile-first creator utility：快速复制、上传、应用，少按钮。
3. Trend archive / visual recipe library：按效果、provider、场景组织，强调 updated date 和 unofficial disclaimer。

明确避免：

- generic dark SaaS hero。
- developer console。
- abstract AI editor homepage。
- pricing-first SaaS landing。
- 只展示大图、不展示 prompt action 的作品集风格。

## 7. Acceptance Evidence

设计验收必须交付：

```json
{
  "design_verdict": "DESIGN_GO | DESIGN_CONDITIONAL_GO | DESIGN_NO_GO",
  "source_verdict": "latest_stitch_verified | blocked_no_source | blocked_stale_source",
  "prd_alignment": "pass|partial|fail",
  "seo_content_fit": "pass|partial|fail",
  "state_coverage": "pass|partial|fail",
  "responsive_coverage": "pass|partial|fail",
  "missing_states": [],
  "missing_routes": [],
  "waivers": [],
  "screenshots_or_exports": ["path-or-url"],
  "next_gate": "frontend_build|prd_revision|design_revision"
}
```

## 8. No-Go Conditions

任一命中即 DESIGN_NO_GO：

- 使用旧 Stitch 项目或旧设计稿。
- 首页仍是 generic SaaS / split hero。
- `/prompt-library` 没有可用 search/filter/sort/card actions。
- Copy Prompt 在移动端不可见或不可点。
- provider disabled / preview / live 状态未设计。
- pricing/login/payment CTA 盖过 prompt library 主任务。
- SEO freeze 内容被删除且无 waiver。
- header/footer 每页不一致且无明确组件合同。

## 9. 下游前端交接规则

前端只能按 DESIGN_GO 的设计实现。

如果前端发现：

- 设计缺状态。
- 设计和 PRD 冲突。
- SEO copy 放不下。
- header/footer 无法统一。
- pricing/checkout 逻辑不清。

必须 BLOCK 回 Design / PRD，不得现场发挥重写 IA 或自创状态。