该资料是一套用于构建面向用户的 SaaS 产品功能的设计方法论，目标是提升用户采用率与留存，重点处理多租户、订阅制应用的复杂度。
用途：指导从注册到首次价值、再到形成使用习惯的完整产品体验设计，并给出可落地的界面模式。
主要能力与内容：
- 设计哲学：渐进式复杂度、渐进披露、任务导向、合理默认值、以撤销替代确认弹窗；产品层级为功能→页面→区块→组件。
- 引导与首次运行：先定义激活指标（完成设置、首次价值、形成习惯）；提供设置向导、清单、情境提示等模式，规则包括允许跳过、自动保存进度、最多 3-5 步、清晰显示进度；并列出强制视频、同时弹出大量提示等反模式。
- 空状态：区分首次使用、无结果、错误、筛选后为空四类，首次使用需有指向创建首个条目的 CTA，避免空白页。
- 仪表盘：KPI 卡片包含当前值、趋势、对比周期与可选迷你图；给出图表选择指南（如饼图不超过 5 段、禁用 3D 图、折线图需连续 x 轴）与布局建议。
- 加载与过渡：按耗时选择指示方式（<100ms 无需指示，300ms-2s 用骨架屏，>10s 转后台任务）；介绍乐观 UI 与流式 SSR。
- 通知设计：区分应用内 toast、铃铛、邮件、浏览器推送的适用场景与紧急度；成功 toast 5 秒自动消失，错误 toast 不自动消失，破坏性操作提供撤销；通知偏好按事件×渠道矩阵配置。
- 计费与订阅：套餐对比需突出推荐套餐与当前套餐，年付显示月均与节省比例；升级提示应情境化；降级前说明损失，降级后优雅降级而非删除数据。
- 功能门控：包括功能开关、套餐门控、角色门控、用量限制；门控数据不应下发到客户端，界面用模糊预览或锁定图标而非错误信息，角色门控提示联系管理员。
- 设置与管理员：分区为账户、团队、计费、偏好、集成、危险区；危险操作需视觉区分并在服务端校验确认文本。
使用方式：资料以 React Router v7 的 loader/action 与组件示例说明实现方式，代码保持原样。
适用场景：SaaS 产品的前端与产品设计。
限制：资料未提供具体收费、价格、平台支持范围或效果数据；部分内容在结尾处被截断。