xiaoyu/topfans
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

文档

Browse Source
This commit is contained in:
zheng020 2026-04-10 16:17:45 +08:00
parent 7cb6dae3af
commit d2c4929113
4 changed files with 3959 additions and 503 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@ -1 +1,2 @@
# TopFans
背景有什么想法？边框想要什么样式的？有没有特别想加的装饰元素？整体材质的效果想要什么样的？主色调是应援色吗，还是别的颜色？

1540
backend/docs/铸爱创作模块技术设计文档.md Normal file
View File

File diff suppressed because it is too large Load Diff

2417
docs/superpowers/plans/2026-04-08-task-management-system-implementation-plan.md Normal file
View File

File diff suppressed because it is too large Load Diff

502
铸爱创作模块PRD.md
View File

@ -1,502 +0,0 @@
# 铸爱创作模块 产品需求文档（PRD）
> **文档版本：** V1.0
> **创建日期：** 2026-04-09
> **文档状态：** 初稿
---
## 1. 产品概述
铸爱创作模块是一个基于 AI 技术的创作平台。平台提供粉丝需要的创作方向（如小卡、吧唧、海报），用户借助 AI 图生图能力进行二次创作，每份作品自动生成全球唯一的「身份证编号（上链）」，用于确权、追溯和防抄袭维权。
**产品核心价值：** 降低创作门槛，让用户轻松完成 AI 创作，同时通过上链确权保护原创权益。
**目标用户：** 对铸爱内容感兴趣的消费者与创作者、需要明星合照二创的用户、重视版权保护的创作者。
---
## 2. 产品亮点
| 亮点 | 说明 |
|------|------|
| AI 图生图 | 基于精选素材（星卡/吧唧/海报），AI 自动生成独一无二的作品 |
| 唯一身份证编号 | 每份藏品上链，确权可追溯，防抄袭维权 |
| 双路径设计 | 铸造创作与藏品浏览路径互不干扰，满足不同用户需求 |
| 低门槛创作 | 用户只需选择素材、输入描述词即可完成 AI 创作，无需专业技能 |
---
## 3. 产品整体介绍
### 3.1 页面结构
```
┌─────────────────────────────────────┐
│ 顶部运营轮播图 │ ← 区域一
│ [图片1] [图片2] [图片3] ● ○ ○ │
└─────────────────────────────────────┘
┌─────────────────────────────────────┐
│ [星卡] [吧唧] [海报] │ ← 区域二：主Tab
└─────────────────────────────────────┘
┌─────────────────────────────────────┐
│ [热门作品] [最新作品] [星卡] [吧唧] [海报] │ ← 区域三：分类标签
└─────────────────────────────────────┘
┌─────────────────────────────────────┐
│ ┌─────┐ ┌─────┐ ┌─────┐ │
│ │ │ │ │ │ │ │
│ │ IMG │ │ IMG │ │ IMG │ │
│ │#ID │ │#ID │ │#ID │ │
│ └─────┘ └─────┘ └─────┘ │ ← 区域四：创作网格
│ ┌─────┐ ┌─────┐ ┌─────┐ │
│ │ │ │ │ │ │ │
│ │ IMG │ │ IMG │ │ IMG │ │
│ │#ID │ │#ID │ │#ID │ │
│ └─────┘ └─────┘ └─────┘ │
└─────────────────────────────────────┘
```
### 3.2 四大区域概览
| 区域 | 核心功能 |
|------|----------|
| 顶部运营轮播图 | 运营位，后台可配置，点击跳转活动/话题/H5 |
| 主Tab（星卡/吧唧/海报） | 点击直接进入对应类型的 AI 铸造流程 |
| 分类标签（热门/最新/各分类） | 筛选用户已铸造的藏品列表 |
| 创作网格列表 | 双列瀑布流展示藏品，含身份证编号、创作者、点赞等 |
### 3.3 铸造页面结构
#### 3.3.1 星卡铸造页面
```
┌─────────────────────────────────────┐
│ ← 返回 │
└─────────────────────────────────────┘
┌─────────────────────────────────────┐
│ ┌─────────────────────────────────┐│
│ │ ││
│ │ ││
│ │ 点击选择相册图片 ││ ← 素材预览区（单图，1:1或3:4）
│ │ ││
│ └─────────────────────────────────┘│
└─────────────────────────────────────┘
┌─────────────────────────────────────┐
│ 藏品信息 │
│ ┌─────────────────────────────────┐│
│ │ 请输入描述词或上传参考图... ││ ← 藏品描述/参考输入
│ └─────────────────────────────────┘│
│ │
│ 跳过 │ ← 跳过
└─────────────────────────────────────┘
┌─────────────────────────────────────┐
│ 输入描述词 │
│ ┌─────────────────────────────────┐│
│ │ 请输入描述词，引导AI创作... 发送 ││ ← Prompt输入框（发送即开始创作）
│ └─────────────────────────────────┘│
└─────────────────────────────────────┘
```
**页面说明：** 点击主Tab后进入铸造页面，选择素材 → 输入描述词 → 发送 → 进入AI处理中页面
---
#### 3.3.2 吧唧铸造页面
```
┌─────────────────────────────────────┐
│ ← 返回 │
└─────────────────────────────────────┘
┌─────────────────────────────────────┐
│ ┌─────────────────────────────────┐│
│ │ ││
│ │ ⚙️ 圆形/异形 ││ ← 素材预览区（吧唧为圆形或异形徽章形态）
│ │ 点击选择相册图片 ││
│ │ ││
│ └─────────────────────────────────┘│
└─────────────────────────────────────┘
┌─────────────────────────────────────┐
│ [奶油胶效果] [金属边框] [异形裁切] │ ← 吧唧专属装饰选项
│ │
│ 藏品信息 │
│ ┌─────────────────────────────────┐│
│ │ 请输入描述词或上传参考图... ││ ← 藏品描述/参考输入
│ └─────────────────────────────────┘│
│ │
│ 跳过 │
└─────────────────────────────────────┘
┌─────────────────────────────────────┐
│ 输入描述词 │
│ ┌─────────────────────────────────┐│
│ │ 请输入描述词，引导AI创作... 发送 ││
│ └─────────────────────────────────┘│
└─────────────────────────────────────┘
```
**页面说明：** 吧唧铸造页面在素材预览区体现圆形/异形形态，并提供奶油胶效果、金属边框、异形裁切等专属装饰选项
---
#### 3.3.3 海报铸造页面
```
┌─────────────────────────────────────┐
│ ← 返回 │
└─────────────────────────────────────┘
┌─────────────────────────────────────┐
│ ┌─────────────────────────────────┐│
│ │ ││
│ │ ││
│ │ 点击选择相册图片 ││ ← 素材预览区（单图，16:9/4:3/2:3比例）
│ │ ││
│ └─────────────────────────────────┘│
│ [横向] [竖向] │ ← 比例切换
└─────────────────────────────────────┘
┌─────────────────────────────────────┐
│ 藏品信息 │
│ ┌─────────────────────────────────┐│
│ │ 请输入描述词或上传参考图... ││ ← 藏品描述/参考输入
│ └─────────────────────────────────┘│
│ │
│ 背景替换 风格迁移 光影调整 │ ← 海报专属选项
│ │
│ 跳过 │
└─────────────────────────────────────┘
┌─────────────────────────────────────┐
│ 输入描述词 │
│ ┌─────────────────────────────────┐│
│ │ 请输入描述词，引导AI创作... 发送 ││
│ └─────────────────────────────────┘│
└─────────────────────────────────────┘
```
**页面说明：** 海报铸造页面素材预览区支持横向/竖向比例切换，并提供背景替换、风格迁移、光影调整等专属选项
---
### 3.4 AI处理中页面结构
```
┌─────────────────────────────────────┐
│ │
│ │
│ ◐◐◐◐◐◐◐◐◐◐◐ 35% │ ← AI生成进度
│ │
│ AI 正在创作中，请稍候... │
│ │
└─────────────────────────────────────┘
```
**页面说明：** 点击开始创作后进入此页面，展示AI处理进度，完成后自动跳转至结果预览页
---
### 3.5 AI创作结果预览页面结构
```
┌─────────────────────────────────────┐
│ ← 返回 ··· │ ← 顶部导航栏
└─────────────────────────────────────┘
┌─────────────────────────────────────┐
│ ┌─────────────────────────────────┐│
│ │ ││
│ │ ││
│ │ 生成结果图 ││
│ │ ││
│ │ ││
│ └─────────────────────────────────┘│
└─────────────────────────────────────┘
┌─────────────────────────────────────┐
│ │
│ [重新生成] [确认铸造] │
└─────────────────────────────────────┘
```
**页面说明：** AI处理完成后进入此页面，展示生成结果和身份证编号，用户可重新生成或确认铸造
---
### 3.6 创作详情页结构
```
┌─────────────────────────────────────┐
│ ← 返回 ··· │ ← 顶部导航栏
└─────────────────────────────────────┘
┌─────────────────────────────────────┐
│ ┌─────────────────────────────────┐│
│ │ ││
│ │ ││
│ │ AI 创作结果大图 ││
│ │ ││
│ │ ││
│ └─────────────────────────────────┘│
└─────────────────────────────────────┘
┌─────────────────────────────────────┐
│ 用户昵称 │ ← 用户名
│ ♡ 999 💬 88 │ ← 互动栏
└─────────────────────────────────────┘
┌─────────────────────────────────────┐
│ #ZUA-20260409-XXXXX ⧉ 已上链 │ ← 身份证编号（可复制）
└─────────────────────────────────────┘
```
**页面说明：** 点击创作卡片后进入详情页，展示创作结果、用户名、互动信息、身份证编号
---
## 4. 用户流程
### 4.1 详细用户流程
```
[首页] → [铸爱创作模块]
│
├─→ 轮播图点击 → 活动/话题详情页
│
├─→ 选择Tab（星卡 / 吧唧 / 海报）──→ 直接进入铸造页面
│ │
│ └─→ 选择素材 → AI铸造 → 生成藏品
│
└─→ 选择分类（热门作品 / 最新作品 / 星卡 / 吧唧 / 海报）
│
└─→ 浏览藏品列表
│
└─→ 点击藏品卡片 → 创作详情页
│
├─→ 点赞 / 评论 / 分享
│
└─→ [开始铸造] → AI铸造编辑器（以该藏品为原图）
```
### 4.2 核心交互路径
```
路径一（铸造路径）：
选择Tab（星卡/吧唧/海报）→ 进入铸造页面 → 选择素材 → AI图生图创作 → 铸造生成藏品
路径二（浏览路径）：
选择分类标签 → 浏览藏品瀑布流 → 点击藏品 → 查看详情 / 以此藏品为原图继续铸造
```
---
## 5. 功能需求（分区介绍）
### 5.1 区域一：顶部运营轮播图
**位置：** 页面最顶部
**功能说明：**
- 铸爱界面顶部预留运营位
- 支持后台配置运营活动，如联名创作等
- 点击后可跳转 H5 链接或站内其他功能模块
**数据字段：**
| 字段 | 说明 |
|------|------|
| image_url | 图片地址 |
| title | 标题（最多 20 字） |
| description | 描述（最多 50 字） |
| link_type | 跳转类型：活动 / 话题 / 外部链接 |
| link_value | 跳转目标ID或URL |
**交互：**
- 手动滑动切换 + 自动轮播
- 点击轮播项跳转到对应页面
---
### 5.2 区域二：主Tab标签区
**位置：** 轮播图下方
**功能说明：**
- 铸爱三大分类入口：星卡、吧唧、海报
- **点击任意 Tab，直接进入对应类型的铸造页面**
- 铸造页中可选择素材进行 AI 创作
**Tab配置：**
| Tab名称 | 素材形态 | 尺寸规格 | 创作特点 | 展示场景 |
|---------|----------|----------|----------|----------|
| 星卡 | 卡片形态，类似明星小卡、签名卡 | 通常 1:1 或 3:4 比例 | 适合人物特写、半身照，可添加装饰元素 | 手机壁纸、社交头像、收藏展示 |
| 吧唧 | 徽章/贴纸形态，类似金属徽章或圆形立牌 | 通常圆形或异形，直径 5-8cm | 适合可爱风格、二次元形象，可添加边框特效 | 实物徽章展示、书包/衣服装饰 |
| 海报 | 大尺寸图片素材 | 通常 16:9、4:3 或 2:3 比例 | 适合全身照、场景图、氛围感创作 | 手机壁纸、电脑壁纸、打印输出 |
**各类型素材说明：**
- **星卡**：以明星照片为核心素材，用户可选择不同模板、滤镜、装饰进行 AI 创作，生成专属小卡风格的作品
- **吧唧**：以徽章/立牌风格为核心素材，用户可为图片添加金属质感边框、奶油胶效果、异形裁切等，生成可爱风格的徽章作品
- **海报**：以高质量人物/风景照片为核心素材，用户可添加背景替换、风格迁移、光影调整等，生成海报级别的作品
**交互：**
- 横向滚动式设计
- 选中态有视觉区分（下划线/高亮）
- 默认选中"星卡"Tab
---
### 5.3 区域三：分类标签区
**位置：** 主Tab下方
**功能说明：**
- 用于筛选用户已铸造的藏品
- 分类为固定配置
**分类配置：**
| 分类名称 | 排序规则 | 说明 |
|----------|----------|------|
| 热门作品 | 点赞数/访问数 | 查看所有类别的热门藏品 |
| 最新作品 | 发布时间 | 查看所有类别的新发布藏品 |
| 星卡 | 推荐算法 | 仅显示星卡类藏品 |
| 吧唧 | 推荐算法 | 仅显示吧唧类藏品 |
| 海报 | 推荐算法 | 仅显示海报类藏品 |
**交互：**
- 横向排列，支持滚动
- 选中态有视觉区分
- 选中后刷新下方创作列表
---
### 5.4 区域四：创作网格列表
**位置：** 分类标签下方
**功能说明：**
- 双列瀑布流展示用户铸造的藏品
- 根据当前选中的分类标签动态加载
**列表规则：**
- 无限下拉加载，默认 10 条/页
- 下拉刷新获取最新内容
**卡片信息：**
| 字段 | 说明 |
|------|------|
| 封面图 | AI 创作结果图 |
| 身份证编号（上链） | 全局唯一，如 #ZUA-20260409-XXXXX |
| 创作者 | 昵称 + 头像 |
| 点赞数 | 当前点赞数量 |
| 发布时间 | 相对时间（如"3小时前"） |
**卡片交互：**
- 点击卡片 → 进入创作详情页
- 支持点赞、评论、分享
- 详情页支持「以此为原图」继续铸造
---
### 5.5 AI 铸造编辑器
**入口：** 点击主Tab（星卡/吧唧/海报）后进入
**功能说明：**
- 用户选择素材，AI 进行图生图创作
**支持能力：**
| 功能 | 状态 | 说明 |
|------|------|------|
| 图生图 | 支持 | 以用户选择的图片作为原图 |
| 参数调节 | 支持 | 可输入描述词（Prompt）调节生成效果 |
| 多轮对话式创作 | 待确定 | 是否支持连续对话优化 |
| AI 模型 | 初期 MiniMax | 后期可扩展多模型 |
**创作流程：**
```
1. 选择原图（素材库图片 或 用户铸造的藏品）
│
▼
2. 输入描述词（Prompt）
│
▼
3. AI 生成创作结果
│
▼
4. 预览 → 确认 / 调整描述词继续生成
│
▼
5. 确认铸造 → 生成带唯一身份证编号（上链）的藏品
```
---
### 5.6 创作详情页
**入口：** 点击创作网格中的任意卡片
**页面信息：**
| 模块 | 说明 |
|------|------|
| 藏品大图 | AI 创作结果 |
| 身份证编号 | 全局唯一编号，可复制 |
| 原图入口 | 查看原始素材图 |
| 相似创作 | 使用同原图的其他作品 |
| 创作者信息 | 昵称、头像、发布时间 |
| 互动区 | 点赞、评论、分享 |
**核心操作：**
- **"开始铸造"按钮**: 以此藏品为原图，进入 AI 创作编辑器进行二次创作
---
## 6. 非功能性需求
### 6.1 性能
- 首屏加载时间 ≤ 2秒
- 列表滑动流畅（60fps）
### 6.2 兼容性
- 适配 iOS 12+ / Android 6.0+
- 主流屏幕尺寸适配（刘海屏、全面屏）
### 6.3 数据要求
- 轮播图支持运营后台配置
- 分类标签为固定配置
---
## 7. 风险与待确认项
| 问题 | 说明 | 状态 |
|------|------|------|
| 分类数据来源 | 分类是固定配置 | 已确认 |
| 轮播图数量上限 | 后台运营控制 | 已确认 |
| 创作详情页 | 需要单独设计 | 已确认 |
| 创作编辑器 | 铸造功能的实现范围？ | 待确认 |
| 登录态 | 浏览/创作需要登录 | 已确认 |
| 举报/审核 | 是否有内容审核机制？ | 待确认 |
| 原图版权 | 使用藏品作为原图是否需要授权？ | 已确认（与原创有合作授权） |
| AI 生成相似性 | 同原图+相似描述词生成相似作品，归属权如何界定？ | 待确认 |
| 生成内容版权 | AI 二创作品的版权归属（用户/平台）？ | 待确认 |
| 溯源链路 | 身份证编号能否追溯到原始素材来源？ | 待确认 |
---
## 8. 附录
### 8.1 术语说明
| 术语 | 说明 |
|------|------|
| 铸爱 | 平台特有的AI创作行为/活动名称 |
| 身份证编号（上链） | 每份AI创作作品的唯一标识符，全球唯一，用于确权和追溯 |
| 星卡 | 一种卡片形态的素材（明星周边风格） |
| 吧唧 | 网络用语，指徽章/贴纸类小物件 |
| 海报 | 大尺寸图片素材（通常16:9或4:3） |
| 铸造 | 用户借助AI能力基于原图进行二次创作的动作 |
| 图生图 | 以某张图片为原图，AI 生成创作结果 |
### 8.2 参考页面
- （后续补充原型链接）
---
> **下一步行动：** 请产品/运营确认待确认项后，更新本文档。