Development Blueprint

坚果AI社区 功能原型页

这不是营销页,而是一张给产品和研发对齐用的功能蓝图。它明确首版页面结构、模块边界、关键交互、核心数据对象,以及 MVP 与后续迭代的拆分方式。

Section 01

页面地图

先把首版产品拆成明确页面,再让前后端围绕路由、接口和组件层次展开开发。

P1

首页 / 资讯聚合

聚合头条、分类资讯、巨头动态摘要、OpenClaw 专题入口和社区热点。

  • 顶部导航
  • 头条精选卡片
  • 资讯分类流
  • 注册候补入口
P2

资讯详情页

承接单条资讯内容,展示摘要、原文链接、观点补充、相关推荐和评论入口。

  • 正文区域
  • 来源信息
  • 标签与影响级别
  • 关联资讯
P3

巨头动态页

按公司维度查看 OpenAI、Anthropic、Google DeepMind、Meta、xAI 时间线。

  • 公司筛选
  • 时间线卡片
  • 影响标签
  • 周报订阅
P4

OpenClaw 专题页

单独承载项目动态、版本更新、功能说明、安装部署与常见问题。

  • 版本列表
  • 更新日志
  • 指南目录
  • 专题讨论
P5

社区主页

展示热门讨论、项目招募、活动日历和知识库入口。

  • 分区切换
  • 热帖列表
  • 发布入口
  • 用户标签
P6

注册 / 登录页

首版先用邮箱注册与登录,后续再接入邀请码、组织身份或第三方 OAuth。

  • 邮箱注册
  • 验证码或魔法链接
  • 身份标签采集
  • 兴趣偏好设置
P7

播客发布页

面向社区内容发布者,支持音频信息录入、Markdown 编写和渲染预览。

  • 节目元信息表单
  • Markdown 编辑器
  • 实时预览区
  • 发布状态控制

查看页面原型

Section 02

核心模块拆解

每个模块都拆到可以直接对应组件、接口和后台管理能力的粒度。

M1

资讯聚合模块

前台能力

  • 头条、快讯、分类资讯流
  • 标签筛选、排序、详情跳转
  • 收藏与分享占位

后台能力

  • 资讯录入与编辑
  • 来源管理
  • 头条置顶与分类配置

关键对象

  • Article
  • Source
  • TopicTag
M2

巨头动态模块

前台能力

  • 公司筛选与时间线视图
  • 按影响级别分层显示
  • 支持公司专题订阅

后台能力

  • 公司资料维护
  • 动态录入和批量导入
  • 周报汇总配置

关键对象

  • Company
  • SignalEvent
  • SignalDigest
M3

OpenClaw 专题模块

前台能力

  • 版本列表与版本详情
  • 功能变化摘要
  • 安装部署与 FAQ 指南

后台能力

  • 版本信息维护
  • 指南文章管理
  • GitHub Release 同步预留

关键对象

  • ProjectTopic
  • ReleaseNote
  • GuideArticle
M4

社区互动模块

前台能力

  • 话题讨论、项目招募、活动发布、播客发布
  • 帖子详情与评论串
  • Markdown 内容编写与渲染预览
  • 用户身份标签展示

后台能力

  • 帖子审核与精选
  • 分类管理
  • 活动和招募内容维护
  • 播客节目与渲染内容管理

关键对象

  • Post
  • Comment
  • Event
  • PodcastEpisode
M5

账户与订阅模块

前台能力

  • 邮箱注册 / 登录
  • 偏好设置
  • 邮件订阅设置

后台能力

  • 用户管理
  • 订阅分组
  • 邮件任务投递

关键对象

  • User
  • UserProfile
  • Subscription

Section 03

关键用户流程

优先把最影响首版可用性的流程明确下来,避免开发阶段频繁返工。

Flow A

游客浏览到邮箱注册

  1. 进入首页浏览头条与专题摘要
  2. 点击订阅或注册入口
  3. 输入邮箱与身份方向
  4. 完成验证后进入候补或已登录状态

Flow B

用户追踪巨头动态

  1. 进入巨头动态页
  2. 选择公司和时间范围
  3. 查看事件详情与影响标签
  4. 订阅周报或保存关注公司

Flow C

用户进入 OpenClaw 专题查指南

  1. 从首页或搜索进入 OpenClaw 专题
  2. 切换到版本或指南子栏目
  3. 阅读安装部署或升级说明
  4. 进入专题讨论或收藏文章

Flow D

开发者发布项目招募

  1. 登录后进入社区发布页
  2. 选择发布类型为项目招募
  3. 填写技术栈、角色需求与联系方式
  4. 提交审核后进入社区展示

Flow E

用户发布播客并预览 Markdown

  1. 进入社区内容发布台并选择播客
  2. 填写标题、摘要、音频地址和专题归属
  3. 用 Markdown 编写 show notes 和正文
  4. 在右侧预览区检查渲染结果后提交审核

Section 04

核心数据对象与接口建议

这部分用于辅助后续接口设计、数据库建模和前端状态管理拆分。

对象 关键字段 主要用途 建议接口
Article title, summary, sourceId, tags, publishedAt, impactLevel 资讯流与详情页 GET /articles, GET /articles/:id
SignalEvent companyId, title, category, eventDate, impactLevel 巨头动态时间线 GET /signals, GET /signals/companies/:id
ReleaseNote topicId, version, releaseDate, highlights, changelog OpenClaw 版本更新 GET /topics/openclaw/releases
GuideArticle topicId, title, slug, difficulty, content, updatedAt 专题指南与 FAQ GET /guides, GET /guides/:slug
Post authorId, type, title, content, tags, status 社区帖子与招募 GET /posts, POST /posts
PodcastEpisode title, summary, audioUrl, markdown, renderedHtml, status 社区播客发布与详情 POST /podcasts, GET /podcasts/:slug
UserProfile email, role, interests, bio, subscriptions 账户体系与偏好 POST /auth/email, GET /me, PATCH /me

Section 05

MVP 范围与迭代建议

首版先追求信息结构清晰和内容沉淀效率,不要在社交复杂度和算法推荐上过早投入。

首版必须有

  • 首页资讯聚合
  • 巨头动态页
  • OpenClaw 专题页
  • 邮箱注册与登录
  • 社区帖子列表与详情

第二阶段

  • 邮件周报自动投递
  • 收藏、点赞、关注
  • OpenClaw GitHub 自动同步
  • 用户个人主页
  • 内容推荐排序

建议技术切分

  • 前台 Web 站点
  • 后台管理台
  • 内容接口服务
  • 账户与订阅服务
  • 定时抓取与邮件任务