灵优造物 · 内部规范

FluxFab 原型规范

导航站 → 项目站 → 无边画布:AI 生成原型的承载、组织与标注方式
Versionv1.0
生效日期2026-09-10
适用范围全部 FluxFab 产品项目原型
01

三层承载

一个原型只有一个地址。子站直链不外发,外部一律从导航站进。

L0 · 导航站

唯一入口

fluxfab.huajian.io

列出全部在跑的产品项目。项目未在此挂卡 = 未上线,评审不受理。

L1 · 项目站

一项目一画布

fluxfab-<slug>.huajian.io

进入后即是无边画布。一个产品项目不拆成多个画布,避免版本分叉。

L2 · 画布内容

窗口 + 模块说明

Mode S 单页 / Mode M 多页

左总览、右模块。窗口画界面,说明栏写规则,两者必须成对。

02

L0 导航站

卡片四要素:项目名 / 一句话职责 / 三个能力标签 / 子域名。排序按 Stage 推进顺序。

03

画布模式判定

只问一句:这个项目有几个「需要单独讲清楚」的页面或状态?

答案 = 1

单页模式 Mode S

  • 画布上只放一个窗口,即完整可交互 Web,内部不再拆模块框。
  • 窗口右侧仍要挂说明栏——单页不等于不用讲。页面超过 3 屏时,按功能分区拆成多段说明,用锚点线指向对应区域。
  • 升级信号:一旦出现「点了跳到另一个页面 / 弹层要单独说」,立刻升 Mode M,不要在一个窗口里硬塞。
答案 ≥ 2

多页模块模式 Mode M

  • 两级编号:字母 = 功能模块(A 工作台 / B 登录注册),数字 = 该模块下的页面或状态(A-1 弹层、B-2 注册)。
  • 每个窗口配一条说明栏,一窗一栏,不合并。
  • 画布最左侧保留一个总览窗口(完整可交互 Web)作为唯一真源,模块窗口是它的拆解视图。
04

画布示意 · 用户工作台

拖拽平移,滚轮缩放。切换模式看两种排布的差别。

fluxfab-workbench.huajian.io · 画布 v1.0
75%
OVERVIEW 总览 · 完整可交互 Web
FluxFab · 用户工作台
AI 会话分支
历史版本
交付物流水线
S1 概念设计
S2 样机演示
S3 工程验证
S1 交付物 · 8 项
1440 × 900 · 桌面基准
模块产品说明
页面职责
项目全景与进度总览,用户登录后的默认落点。
关键元素
会话分支树、Stage 进度条、交付物卡片 × 15、确认解锁按钮。
交互与跳转
单页内锚点滚动;交付物卡展开为右侧抽屉,不离开本页。
数据来源
Mock;Stage 口径取自《MVP Stage 定义 v0.1》。
待确认
⚠ 分支超过 5 条时的折叠规则
A 工作台主页
工作台 · 首页
会话分支
交付物流水线
S1
S2
S3
模块产品说明
页面职责
登录后默认落点,展示全部 Stage 进度。
关键元素
会话分支树、Stage 进度条、交付物卡片 × 15。
交互与跳转
点交付物卡 → A-1;点头像 → B-1。
数据来源
Mock,接口待定。
待确认
⚠ 分支 > 5 条的折叠规则
A-1 交付物详情弹层
工作台 · 首页
会话分支
交付物流水线
模块产品说明
页面职责
单个交付物的验收:预览、批注、确认 / 驳回。
关键元素
预览区、版本切换、驳回原因必填框。
交互与跳转
确认后回 A 且卡片置绿;驳回回写会话分支。
数据来源
Mock;驳回链路见「跨角色审批流」项目。
待确认
⚠ 驳回是否需二次确认
B 登录注册
FluxFab
欢迎回到灵优造物
登录
注册
模块产品说明
页面职责
登录 / 注册的统一入口,Tab 切换不跳页。
关键元素
Tab 切换、手机号输入、验证码、协议勾选。
交互与跳转
Tab 左 → B-1,右 → B-2;成功后进 A。
数据来源
Mock,短信通道待接。
待确认
⚠ 是否支持企业微信登录
B-1 登录
登录
手机号
验证码
模块产品说明
页面职责
已有账号的手机号 + 验证码登录。
关键元素
手机号、验证码、60s 倒计时、错误提示位。
交互与跳转
成功 → A;未注册手机号 → 自动转 B-2。
数据来源
Mock。
待确认
⚠ 错误 5 次后的锁定时长
B-2 注册
注册
手机号
企业名称
品类 / 人群
模块产品说明
页面职责
新客户注册,同时采集 S1 需求澄清的前置字段。
关键元素
手机号、企业名称、品类 / 人群 / 价格带。
交互与跳转
提交后直接进 A,并预填 S1 需求澄清。
数据来源
Mock;字段对齐 MRD 输入项。
待确认
⚠ 价格带是否必填
操作 拖拽平移 滚轮缩放 Mode M:总览窗口在最左,模块矩阵横向排同模块、纵向换模块。
05

窗口解剖

五个部件缺一不可。缺说明栏的窗口视为未完成,不进评审。

A-1 交付物详情弹层 1
2
3
工作台 · 首页
1440 × 900 · 桌面基准 5
4
模块产品说明
页面职责
单个交付物的验收。
关键元素
预览区、版本切换、驳回原因。
交互与跳转
确认 → A;驳回回写分支。
数据来源
Mock。
待确认
⚠ 驳回是否二次确认
1

编号标签

绿色胶囊贴在窗口左上角外侧,格式 <编号> <模块名>。总览窗口用 OVERVIEW,不占字母。

2

窗口框

1px 实线边框 + 浅蓝底。同一行窗口尺寸必须一致,不同行可不同(如移动端行)。

3

页面内容

可点击的真实前端页面,不是截图。低保真也要用真实文案,禁止 lorem 与「示例文字」。

4

模块产品说明

固定挂窗口右侧,五个字段全填:页面职责 / 关键元素 / 交互与跳转 / 数据来源 / 待确认。待确认项用 ⚠ 标记,评审时逐条过。

5

尺寸标注

窗口下方标基准分辨率。桌面 1440 × 900,移动端 390 × 844,小程序 375 × 812。

06

编号与布局

编号会被评审纪要和 bug 单引用,因此只增不改。

项规则反例
A / B / C一级模块,按用户主流程顺序分配,不按开发顺序。先做完登录就给登录 A
A-1 / A-2模块下的页面或状态,含弹层、二级页、空态、异常态。把弹层塞进 A 里不单独出窗口
OVERVIEW总览窗口固定编号,永远在画布最左,是唯一真源。用 A 当总览
新增追加数字,不重排已有编号。插一页把 A-2 挤成 A-3
废弃编号保留,标签加 [废弃] 并灰化,不删窗口。直接删掉 B-2
横向同一模块的页面横排,从左到右 = 用户操作顺序。按字母表乱排
纵向换行 = 换模块,行间距大于列间距,视觉上自然分组。行列间距相同
版本画布版本 vX.Y 写在项目信息卡;改结构进 X,改内容进 Y。不写版本