得到 12 个关键页面的信息架构、状态清单和统一组件约束,足以支撑真实 B2B 工具的第一版前端。
TOP 03 · B2B PRODUCT SYSTEM
B2B 工具后台的 12 个关键页面
把后台从一张漂亮仪表盘扩展为可用产品系统,覆盖首次进入、总览、列表、详情、创建、编辑、搜索、通知、团队、权限、账单与设置。

正在做 SaaS 后台、内部工具或企业软件的产品经理和开发团队。
2–4 个工作日,专业难度。
DEFINITION OF DONE
做完不是“生成了一张图”,而是交付这三项
- 01
12 页后台信息架构与路由表
- 02
列表、表单、数据卡、导航和反馈组件规范
- 03
空、加载、错误、无权限和完成状态清单
EXECUTION PATH
按这个顺序推进
先解决产品和内容判断,再让 AI 执行页面。顺序反了,生成速度越快,返工越多。
- 01
先画对象和任务
明确用户管理的核心对象、常用动作和权限边界,再决定导航,不从侧边栏样式开始。
- 02
铺出 12 页主路径
让用户能从总览进入列表和详情,完成新增或编辑,再返回可确认的结果状态。
- 03
补齐系统状态
为搜索无结果、首次空状态、请求失败、权限不足和删除确认写真实界面,不让异常路径变成白屏。
- 04
验证角色与密度
用管理员和普通成员两种角色走一遍任务,检查信息密度、键盘操作和危险操作保护。
公开可看的项目骨架
- 12 页完整目录
- 五类系统状态
- 角色与权限验收规则
会员使用包内完整素材
- 3 个包内完整构建提示词
- 月度会员按每月 20 个额度选择包内会员提示词
- 年度与永久会员可使用全部会员提示词,每日最多首次解锁 50 个
INCLUDED BUILDING BLOCKS
包内可直接调用的素材
这些素材负责提供视觉、结构或组件。先按项目路径判断,再进入详情和会员复制。
QUALITY GATE
满足这些条件,才算完成
项目包卖的不是生成次数,而是一个可检查的完成标准。
导航名称来自用户任务,不使用团队内部黑话
每个数据页都有空、加载、错误和无权限状态
危险操作需要明确对象、影响和二次确认
表格在窄屏有取舍方案,不简单横向压缩
NEXT PROJECT
接下来可以继续做
围绕同一阶段选择下一条结果路径,不必重新从 452 张卡片里猜。
TOP 06从零搭建付费会员产品官网
把首页、登录注册、权限说明、价格、支付前后状态、会员中心和政策页面连成完整购买路径,而不是只做一张收款页。
交付结果- 会员产品页面地图
- 登录、购买、开通、到期与失败状态
TOP 07
TOP 09

