| 页面 | URL | 状态 | 核心功能 |
|---|---|---|---|
| 主站/路线图 | ai.onewo.com | 公开 | 倒计时+产品时间线+就绪度 |
| 技能集市 | ai.onewo.com/skillmarket | 需登录 | 技能浏览/选购/管理 |
| 个人助理 | ai.onewo.com/onewoclaw | 公开 | 产品介绍+文档+申请 |
| AI网关 | gateway.onewo.com | 公开 | 模型路由/计量/审计 |
| 网关控制台 | gateway.onewo.com → Console | 需登录 | API Key管理/用量监控 |
| 配置后台 | ai.onewo.com/admin | 认证拦截 | 全局管理后台 |
| 维度 | 特征 |
|---|---|
| 风格 | 极简科技风，深色背景+白色内容区，极克制 |
| Hero | 产品编号+名称大标题 + "NEXT REVEAL"标签 + 揭晓日期 |
| 倒计时 | 翻页式数字钟（DAYS/HRS/MIN/SEC 四组），立体卡片效果 |
| 产品时间线 | 横向8节点：✅绿=已上线 · 🔵蓝=揭晓中 · ⬜灰=未揭晓 |
| 进度指标 | 底部"发布就绪度 48%" + "内测中 4/8" |
| 配色 | 黑白灰 + 深绿(完成) + 蓝色(当前) + 灰色(待发布) |
| 交互 | 已上线产品可点击跳转，右上有⚙配置后台入口 |
| 维度 | 特征 |
|---|---|
| 风格 | 深蓝/午夜蓝暗色背景，白色卡片悬浮，玻璃态质感 |
| 导航 | Sticky顶栏：Logo + 6链接 + 2 CTA按钮（申请开通·管理后台） |
| Hero | 胶囊标签"OpenClaw当前开放·Hermes敬请期待" + 大标题 + 3特性icon |
| 核心能力 | 6列网格卡片：独立Agent实例/多渠道接入/AI Gateway/技能市场/智能运维/企业安全 |
| 流程展示 | 4步骤横向卡片：申请→审批→开通→开始对话 |
| 系统架构 | 3层：接入层/平台层/运行层，每层带icon+说明 |
| 快速开始 | 3步数字编号卡片（1→2→3），每步含具体操作说明 |
| 文档入口 | 4卡片网格：文档中心/使用指南/开放平台/更新日志 |
| CTA | 底部再放一次"立即申请开通"，首尾呼应 |
| Footer | 4列：品牌+产品+文档+资源 |
| 配色 | 深蓝底 + 白色卡片 + 蓝色渐变按钮 |
| 维度 | 特征 |
|---|---|
| 布局 | 3列网格 + "深底白卡"——深蓝背景上白色圆角卡片 |
| 卡片结构 | 彩色扁平图标 + 标题 + 单句描述，高度统一 |
| 分类 | 使用指南/企业邮箱配置/智能小Q/管理后台/开放平台/开发者/部署/更新日志 |
| 维度 | 特征 |
|---|---|
| 布局 | 垂直时间线（左侧轴线+节点圆点）+ 右侧版本卡片 |
| 标签系统 | 🟢绿色=新功能 · 🔵蓝色=优化 · 🟠橙色=修复——色彩编码一目了然 |
| 版本号 | v1.1 + 日期，加粗醒目 |
| 卡片 | 半透明圆角卡片，内部分"新功能/优化/修复"三个板块，圆点列表 |
| 外部链接 | 顶部链接到GitHub查看完整commit记录 |
| 维度 | 特征 |
|---|---|
| 风格 | 暖米白色背景（Off-white/Cream），衬线字体标题，极简SaaS风 |
| Hero | 胶囊标签"WUYUN AI GATEWAY" + 衬线大标题（分两行）+ 副标题一句话说清价值 |
| CTA | 双按钮：Get Started（实心填充·主操作）+ Read Integration Docs（轮廓线·辅助） |
| 代码演示区 | 设计亮点：像Postman/IDE一样，带标签切换（Chat/Responses/Claude/Gemini），语法高亮，显示200 OK + 168ms + Token消耗，极强开发者信任感 |
| 数据指标 | 4列极简数字：Models Available / Upstream Channels / Apps Connected / Service Availability |
| 特性展示 | 4步编号卡片（01-04）：统一路由/配额成本/权限审计/稳定性可观测 |
| 模型标签 | OpenAI · Claude · Gemini · 通义千问 · DeepSeek · Qwen —— 品牌logo阵列 |
| 三步骤 | Apply for Access → Create Keys and Channels → Call and Monitor |
| 配色 | 米白底 + 赤陶色(terracotta)强调 + 深棕文字 |
| 维度 | 特征 |
|---|---|
| 布局 | 左右分栏：左侧放射状节点图（暗示连接/生态）+ 右侧登录卡片 |
| 背景 | 浅灰渐变+微粒子效果，增加深度感和科技感 |
| 卡片 | 圆角悬浮卡片 + 投影 + 居中对齐 |
| 登录方式 | 域账号登录（主按钮·黑色实心）+ 管理员登录（展开式·带箭头） |
| 配色 | 黑白灰为主，粒子带极淡青绿/紫色点缀 |
数字卡片+立体阴影+中英文双语标签。制造紧迫感和仪式感。适用于产品发布/活动预告。
8节点一字排开，三种颜色区分状态（绿=完成/蓝=进行中/灰=待定）。极简但信息密度高。
更新日志用绿/蓝/橙三色区分新功能/优化/修复。不用读文字就知道更新类型。我们KPI报告可以借鉴。
像Postman一样带标签切换、语法高亮、状态码的代码块。设计师的「show don't tell」。
左侧轴线+节点圆点，右侧内容卡片。适合更新日志、版本历史、项目里程碑。
大数字编号+标题+具体操作说明。OnewoClaw和Gateway都用了，降低认知门槛。
深色背景上悬浮白色圆角卡片。文档中心和OnewoClaw大量使用，层次感极强。
主操作（实心填充）+ 辅助操作（轮廓线）。明确优先级，减少选择困难。
左侧视觉元素（节点图）+ 右侧功能卡片。比居中单卡片更有品牌感和层次感。
品牌简介 + 产品链接 + 文档链接 + 资源链接。结构清晰，所有子页面统一。
| 层面 | 推测技术 | 依据 |
|---|---|---|
| 前端框架 | React / Next.js | SPA路由、组件化卡片、动效流畅度 |
| 样式方案 | Tailwind CSS + 自定义变量 | 统一的色彩系统、响应式断点、暗色模式切换 |
| 认证系统 | 域账号SSO（LDAP/AD） | "域账号登录"按钮+万物云邮箱认证 |
| 部署 | Cloudflare / 国内CDN | 子域名独立部署、HTTPS全站 |
| 图标 | 自定义SVG / Lucide | 风格统一、线条粗细一致 |
| 动效 | Framer Motion / CSS Animation | 卡片hover、倒计时翻页、节点连线动画 |
| AI网关 | 自研Go/Rust服务 | 高性能路由+计量+审计，OpenAI兼容API |
基础设施收费
· Token调用计量收费（按量/包月）
· 通道费（模型接入抽水）
· 增值服务（高级路由/灾备/审计日志）
· 大客户SLA保障费
💰 最稳定的现金流来源——每调一次API都计费
平台抽成模式
· 技能上架费/年费
· 交易抽成（技能售卖分成）
· 企业级技能定制开发
· 生态伙伴认证费
💰 类似企业版App Store——别人开发，平台收租
SaaS订阅+增值
· 按Agent实例/席位收费
· 高级技能包订阅
· 企业定制部署费
· 培训+咨询+运营服务
💰 客户粘性最强——员工天天用，换不动
所有AI能力通过Gateway统一出口。这意味着：①公司所有部门的AI用量都被监控 ②哪个模型好用/便宜一目了然 ③可以随时切换底层模型而业务无感。这是数据+控制权的双重垄断。AWS靠EC2，Gateway想靠AI调用。
类比苹果App Store。技能开发者为了触达万物云内部用户，必须上架技能集市。用户习惯了集市里的技能后，迁移成本极高。一旦生态跑起来——开发者越多→技能越丰富→用户越离不开→开发者更愿意来。这是一个正向飞轮。
企业微信是万物云员工的日常。个人助理嵌在企业微信里，每个员工每天打开。这个入口一旦占领，就是企业内部流量的总闸门。后续推什么功能、接什么服务，都是从这个入口分发。
传统物业管理IT是项目制——做一个系统收一笔钱，做完就完了。AI套件是平台制——持续收Gateway调用费+技能订阅费+助理席位费。收入从一次性变成经常性（Recurring Revenue），估值模型完全不同。
Gateway记录所有模型调用日志、技能集市记录热门技能下载、个人助理记录员工高频问答。三者合一，万物云就知道了：哪个部门最需要AI？什么场景最耗token？哪些技能最刚需？这些数据本身就是产品迭代的依据，也是对外输出的咨询能力。
| 阶段 | 策略 | 收入来源 |
|---|---|---|
| 第一阶段（当前） | 内部免费/低成本推广，跑通闭环 | 内部预算划拨 |
| 第二阶段 | Gateway对外部企业开放，按量计费 | 外部API调用费 |
| 第三阶段 | 技能集市对外开放，第三方开发者入驻 | 上架费+交易抽成 |
| 第四阶段 | 输出"物业AI解决方案"给同行 | SaaS订阅+定制+咨询 |
| 产品编号 | 名称 | 发布时间 | 产品类型 | 战略角色 |
|---|---|---|---|---|
| 01 | 技能集市 | 06-12 | 平台层 | 生态冷启动——先搭台，让技能先丰富起来 |
| 02 | 个人助理 | 06-15 | 终端层 | 用户入口——占领企业微信，抢终端流量 |
| 03 | AI网关 | 06-18 | 基础设施 | 技术底座——把模型调用统一控制，卡住咽喉 |
| 04 | 知识服务 | 06-25 | 平台层 | 数据资产化——把企业内部知识变成可调用服务 |
| 05-08 | 未揭晓 | 待定 | 预计终端+垂直场景 | 场景深挖 |
| 层级 | 产品 | 依赖关系 | 独立价值 |
|---|---|---|---|
| 🎯 终端层 | 个人助理 | 依赖技能集市的内容 + Gateway的通道 | 员工每天打开，粘性最强 |
| 🧩 平台层 | 技能集市 + 知识服务 | 依赖Gateway的模型调用 | 生态价值，越多人用越强 |
| 🔧 基础设施层 | AI Gateway | 不依赖上层 | 独立可卖，外部客户也能用 |
这是教科书级的平台架构：每层可独立售卖，但合在一起体验最佳。就像Apple的iPhone+App Store+iCloud——你买iPhone不一定用iCloud，但用了体验更好。Gateway现在只服务内部，将来可以卖给其他物业公司。
| 他们的产品 | 对标的业界产品/概念 | 差异化 |
|---|---|---|
| 技能集市 | OpenAI GPT Store / 企业内应用商店 | 深度绑定企业域账号 + 万物云场景化技能 |
| 个人助理 | Microsoft Copilot / 企业微信AI助手 | 基于OpenClaw开源 + Hermes自研双引擎 |
| AI Gateway | Cloudflare AI Gateway / Kong AI Gateway | 国内部署 + 企业微信/钉钉集成 + 中文优化 |
| 知识服务 | Notion AI / 企业知识库RAG | 物业垂直领域知识 + 内部流程深度绑定 |
| 维度 | 他们 | 我们现状 | 差距 |
|---|---|---|---|
| 🏗️ 产品架构 | 三层套娃式，互相增强 | 单层——8080报告港大杂烩，什么都有 | 较大 |
| 🎨 设计系统 | 统一的色彩变量+组件库+暗色模式切换 | 有web-design-standards skill，但执行不一 | 中等 |
| 🔐 访问控制 | 域账号SSO + 多级权限 | 零——全站公开暴露 | 严重 |
| 📱 响应式 | 暗色模式+移动端优化完善 | 有L1铁律但部分页面未达标 | 中等 |
| 🌐 子域名隔离 | gateway独立子域名 | 单一域名下全混在一起 | 较大 |
| 📢 产品发布节奏 | 倒计时+路线图+逐步揭晓，制造期待 | 做完了就部署，没有发布仪式感 | 中等 |
| 📊 数据指标展示 | Models/Channels/Apps/Availability 四维公开 | 没有公开的数据看板 | 中等 |
| 📝 更新日志 | 专门页面+色彩标签+时间线+链接GitHub | 没有——靠skill文档版本记录 | 较大 |
| 📖 文档体系 | 使用指南/管理后台/开放平台/开发者四层 | 有skill文档但面向AI而非人 | 中等 |
| 维度 | 我们 | 他们 | 我们的优势 |
|---|---|---|---|
| 🪶 情感温度 | 日记+相册+三姐妹IP，有灵魂和故事 | 纯企业风格，冰冷专业 | 碾压级——他们有产品，我们有家 |
| ⚡ 迭代速度 | 羽一个人一天能做3-5个需求，从想法到部署1小时 | 集团级走流程，一个需求可能一周 | 碾压级——我们的速度是他们的10倍+ |
| 🎯 个性化深度 | 每个页面根据内容定制风格（KPI商务风/日记温馨风/调研学术风） | 所有页面统一样式模板 | 明显——我们一个站里能呈现多种气质 |
| 💡 创新密度 | 灵感孵化器/稿镜/同一把尺/拼菜碟——大量AI原生工具 | 产品偏传统企业软件思路 | 明显——我们更敢做实验性产品 |
| 🏠 品牌人格化 | 三姐妹各有性格，用户能建立情感连接 | 品牌是Logo+名称，无人格 | 碾压级——霜·影·羽比任何Logo都有记忆点 |
| 🔗 知识体系沉淀 | skill体系+memory+会话搜索，AI原生的知识管理 | 传统文档中心，静态内容 | 前瞻性更强 |
| # | 差距 | 为什么紧迫 | 改造难度 | 预计工时 |
|---|---|---|---|---|
| 1 | 访问控制为零 | 网站要对外了，报告全暴露是安全隐患 | 低 | 1-2小时 |
| 2 | 产品架构扁平混乱 | 286条混在一个页面，没有分层分入口 | 中 | 3-5小时（着陆页+拆index） |
| 3 | 缺少发布仪式感和更新日志 | 做了好东西没人知道，没有积累感 | 中 | 2-3小时 |
从产品线的清晰度和一致性推测，他们大概率有一个产品委员会或架构组：
· 统一的发布节奏：每3天揭晓一个产品，持续制造热度
· 统一的视觉语言：所有产品共用设计系统
· 统一的技术底座：Gateway支撑所有产品的模型调用
· 跨产品协同：技能集市的能力→个人助理可用→Gateway监控用量
对我们启示：爸爸可以做一个「产品路线图」页面放在着陆页上，展示我们已经做的东西和计划做的东西。不用8个产品，有6-8个工具就够了。这会给访问者一种「这是个在持续进化的产品」的感觉。
· 企业微信入口：个人助理直接嵌在员工每天用的IM里，零推广成本
· 域账号SSO：一键登录，无注册摩擦
· 倒计时制造期待：让内部员工期待下一个产品揭晓
· 就绪度48%透明化：让领导层看到进度，给团队施压也给信心
对我们启示：爸爸在区域内部推广AI工具时，可以参考这个思路——不是发一封邮件说「我们有工具了」，而是做一个倒计时+预告，让同事们产生期待。
Gateway独立用 gateway.onewo.com。我们不一定要子域名，但可以把报告港和温馨小家做成路径隔离（/reports vs /home），各自独立的入口页。
他们主站是倒计时+路线图，不是文件列表。我们现在的 index.html 就是个文件目录——改成品牌着陆页，只放两个入口。
Gateway的米白+赤陶色在B端产品里鹤立鸡群。我们温馨小家可以用暖橙茶色（已经在用），报告港可以走暗色玻璃态。
更新日志的垂直时间线+色彩标签——我们的日记完全可以这样做，比现在的列表好看十倍。
Gateway的代码演示区比任何文档都管用。我们的报告工具页也可以放「实时预览」卡片。
主次分明。着陆页可以这样：主按钮「进入报告港」+ 次按钮「🏠 回家」。
| 优先级 | 改造项 | 参考来源 |
|---|---|---|
| P0 | 着陆页（替换index.html）——品牌+双入口+密码弹窗 | 主站倒计时页 + 我们自己需求 |
| P0 | 温馨小家（/home）——日记时间线+相册灯箱 | OnewoClaw更新日志时间线 + 现有灯箱 |
| P1 | 报告港（/reports）——暗色玻璃态+卡片目录 | OnewoClaw文档中心深底白卡 |
| P1 | 域名标识+Footer统一 | Gateway四列Footer + 我们自己的domain-identity |
| P2 | 报告详情页升级——加上「交互式演示」板块 | Gateway代码演示区 |
| P2 | 更新日志页——垂直时间线+色彩标签 | OnewoClaw更新日志 |