diff --git a/README.md b/README.md index ee161f4..256f79d 100644 --- a/README.md +++ b/README.md @@ -17,6 +17,7 @@ StoryForge 现在拆成独立项目目录，和 `AI-glasses` 分开维护。 - [新媒体运营中台产品逻辑手册](./docs/PRODUCT_LOGIC_NEW_MEDIA_OPERATING_SYSTEM_2026-03-22.md) - [新媒体运营平台 UI 参考包](./output/ui/new-media-ops-reference-2026-03-22/README.md) - [Web V4 UI 原型](./output/ui/storyforge-web-v4-html-prototype-2026-03-22/README.md) +- [Mobile V4 UI 原型](./output/ui/storyforge-mobile-v4-html-prototype-2026-03-22/README.md) ## Android diff --git a/output/ui/storyforge-mobile-v4-html-prototype-2026-03-22/README.md b/output/ui/storyforge-mobile-v4-html-prototype-2026-03-22/README.md new file mode 100644 index 0000000..fd3e3b6 --- /dev/null +++ b/output/ui/storyforge-mobile-v4-html-prototype-2026-03-22/README.md @@ -0,0 +1,30 @@ +# StoryForge Mobile V4 HTML Prototype + +这是一套只做界面、不接真实功能的移动端高保真原型，用来配合当前 `Web V4` 的产品逻辑评审。 + +## 入口 + +- 预览文件：`index.html` + +## 页面结构 + +1. `登录与工作区` +2. `总览` +3. `找对标` +4. `跟踪日报` +5. `Agent` +6. `生产中心` +7. `我的` + +## 设计口径 + +- 产品定位：多平台新媒体运营助手 +- 主题色：淡蓝、白、黑、灰 +- 主对象：项目、对标、Agent、生产、复盘 +- 导航方式：底部 5 栏，适合 Android / iOS 通用使用 + +## 说明 + +- 这是静态 HTML 原型，不依赖本地服务 +- 命名和业务逻辑与 `Web V4` 保持一致 +- 当前重点是验证信息层级、导航、操作入口和视觉节奏 diff --git a/output/ui/storyforge-mobile-v4-html-prototype-2026-03-22/index.html b/output/ui/storyforge-mobile-v4-html-prototype-2026-03-22/index.html new file mode 100644 index 0000000..3abb8a6 --- /dev/null +++ b/output/ui/storyforge-mobile-v4-html-prototype-2026-03-22/index.html @@ -0,0 +1,785 @@ + + + + + + StoryForge Mobile V4 Prototype + + + +
+
+

StoryForge Mobile V4

+

这版移动端不照搬 Web，而是保留高频动作。主逻辑仍然是“我的项目 -> 找对标 -> 跟踪日报 -> Agent -> 生产”，把重配置留在 Web，把快决策、快查看、快推进留给手机。

+
+ +
+
+

01 登录与工作区

+

先进入工作区，再同步项目、Agent 和今日任务。

+
+
9:415G 100%
+ +
+
+ +
+

02 总览

+

先看今天该推进什么，再跳转到对应动作。

+
+
9:41Wi-Fi 93%
+
+
+
早上好，林闻
+
星流内容组 · 今天有 3 个动作值得先做
+
+
项目5
+
更新12
+
待调研4
+
+
+ +
+
+

今日重点

+ 4 项 +
+
+
先为“副业增长实验室”建项目
+
先开项目，再决定要不要绑定账号。
+
+
+
补齐“教育切片助手”的平台和变现
+
补完后再跑首轮调研。
+
+
+ +
+
+

高分提醒

+
《副业失败的 3 个坑》适合转系列。
+
+
+

跟踪日报

+
5 天内 7 条更新值得学。
+
+
+ +
+

本周进度

+
+
已完成 8 / 12 个内容动作
+
+ 同步账号 + 找对标 + 去生产 + 看复盘 +
+
+ +
+
总览
+
对标
+
Agent
+
生产
+
我的
+
+
+
+
+ +
+

03 找对标

+

在手机上做快速筛选、快速收藏、快速导入。

+
+
9:415G 91%
+
+
+
找对标
+
搜账号、主页链接、作品链接。
+
+
搜账号、主页链接、作品链接
+
+
+ 抖音 + 小红书 + B站 + YouTube +
+
+ 涨粉 + 互动 + 商业价值 +
+
+ +
+
+
阿
+
+
阿元创业手记
+
抖音 · 创业成长 · AI 可学习度 93
+
+
+
+ 查看 + 导入 + 绑 Agent +
+
+ +
+
+

当前选中对标

+ 阿元创业手记 +
+
+
可学习度93
+
商业价值88
+
+
+
画像：反常识切入、案例推进强、结尾动作明确。
+
高分内容：《副业失败的 3 个坑》适合提炼成系列。
+
+
+ 导入项目 + 创建 Agent +
+
+ +
+
总览
+
对标
+
Agent
+
生产
+
我的
+
+
+
+
+ +
+

04 跟踪日报

+

手机端优先看“上次打开后”的更新，不必再翻后台。

+
+
9:415G 89%
+
+
+
+

跟踪日报

+ 5 天汇总 +
+
自上次打开后，共有 5 个账号更新，Agent 标了 7 条借鉴点。
+
+ 刷新 + 看全部 + 新增跟踪 +
+
+ +
+
秋芝2046 · 新增 3 条作品
+
教育切片助手判断：其中 2 条适合转 30 秒口播。
+
+ 有借鉴点 + 入学习集 +
+
+ +
+
晨风老师 · 新增 2 条图文
+
更适合补小红书搜索承接模板。
+
+ 适合图文线 + 加 Playbook +
+
+ +
+

今日建议

+
先把 3 条高价值更新送入 Agent 学习，再决定是否转生产。
+
+ +
+
总览
+
对标
+
Agent
+
生产
+
我的
+
+
+
+
+ +
+

05 Agent

+

手机上更适合快速建 Agent、看学习源、看首轮调研结果。

+
+
9:41Wi-Fi 90%
+
+
+
+

Agent

+ 待调研 4 +
+
先定项目、平台、变现和主模型，再跑首轮调研。
+
+ 抖音 + 小红书 + 视频号 +
+
+ 知识付费 + 广告合作 + 私域咨询 +
+
+ 跑调研 + 创建 Agent +
+
+ +
+
选题助手 · 教育切片
+
学习源：高信任图文 + 强观点短视频
+
+ 主模型：通义 + 已调研 + 最近产出 6 条 +
+
+ +
+
导入分析 Agent
+
负责解析主页、单条作品和本地视频，自动给出绑定建议。
+
+ 自动归类 + 支持复核 +
+
+ +
+
总览
+
对标
+
Agent
+
生产
+
我的
+
+
+
+
+ +
+

06 生产中心

+

移动端重点看队列、看卡点、看成片，不做重配置。

+
+
9:415G 87%
+
+
+
+

生产中心

+ 在产 6 +
+
+ 文案 + 封面 + 实拍 + AI 视频 +
+
+ +
+
《副业避坑》封面生成
+
阿里 / 火山 / 通用图像 · 当前卡在选图
+
+
+ 补封面 + 看样片 +
+
+ +
+
作品与成片
+
从生产结果反看当前最值得继续推进的内容。
+
+ 高分 + 最新 + 看成片 +
+
+ +
+

当前选中内容

+
《副业失败的 3 个真实坑》适合继续生成脚本，封面先做 3 个模型对比。
+
+ 补封面 + 继续做 +
+
+ +
+
总览
+
对标
+
Agent
+
生产
+
我的
+
+
+
+
+ +
+

07 我的

+

工作区、自动流程、额度和通知都放在这里。

+
+
9:415G 94%
+
+
+
我的
+
星流内容组 · 林闻 · 杭州工作区
+
+ 流程 7/8 + 额度正常 + 2 台设备在线 +
+
+ +
+
自动流程
+
账号同步、跟踪日报、失败补跑、异常提醒。
+
+
+
额度
+
文案 / 封面 / 视频三类额度分开看。
+
+
+
通知与同步
+
日报提醒、任务结果、设备同步都在这里。
+
+ +
+ 看额度 + 看流程 +
+ +
+
总览
+
对标
+
Agent
+
生产
+
我的
+
+
+
+
+
+
+ +