Pawcast
Design Preview · v0.1 · 仅供合伙人审阅

把 4 件事变成 1 件事 ——
Pawcast 完整设计稿

面向 TikTok 团播运营的下一代桌面工作台。下面共 9 份在线设计稿,覆盖产品定位、功能介绍、技术规格、6 屏原型概览、4 大模块全展开、Extras 挂件、设置中心。所有界面、弹窗、交互都已绘制,附实现说明。请按顺序逐页审阅,把不认可、想调整的地方告诉我,定稿后再进入开发。

2026-05-02 草稿 Windows desktop · Electron 完全独立于 CatClaw 9 份 HTML · 1 份 brand spec 总计 ~120 屏 + 30+ 弹窗
先看这两份 · 理解 Pawcast 是什么
PART 01

功能完整介绍 · 营销落地页

面向潜在用户讲清楚 Pawcast 是什么、解决什么痛点。包含 4 大痛点 / 4 大模块 / 5 种计票玩法 / 4 个直播挂件 / 系统架构图 / 4 档定价 / 8 条 FAQ。这是最先看的入口。

9 章节 · ~3500 字 阅读 →
PART 02

应用原型概览 · 6 屏

Hi-fi 桌面应用 mockup:Dashboard 总览 / 计票器配置 / 计票器运行中 / 直播监控 / 探索主播 / 私信中心。每屏一对一还原最终产品形态,可提前评判信息密度、布局、交互流。

6 屏 · 真实数据占位 查看 →
逐模块详细审阅 · 所有界面 + 弹窗 + 实现说明
PART 03

计票器 Vote Counter

5 种玩法(贴纸舞 / 攻守擂 / 多人 PK / Solo Stage / Freedom)配置 + 运行 + 4 个关键弹窗(团员库 / Gameplay 礼物 / 手动绑定 / Copy URL)。

12 屏 + 4 弹窗 查看 →
PART 04

探索主播 Explorer

主播瀑布流(含高潜辉光) + 详情抽屉(雷达图 + 4 Tab) + 启动扫描弹窗 + 扫描进行中 + 发起邀约弹窗。AI 7 维度评分。

8 屏 + 4 弹窗 查看 →
PART 05

直播监控 Live Monitor

8+ 房间网格 + 单房详情(4 Tab) + PK 战役详情 + 跨房 Heatmap + 告警规则 + 添加房间。WebSocket + 30s 巡检双策略。

26 屏(最全) · 含历史回看 查看 →
PART 06

私信中心 DM Center

三栏对话 + AI 起草 banner + 模板编辑器(变量插槽 + A/B) + 速率/风控/账号健康 + 漏斗分析 + 风控告警 + 批量发送。

9 屏 + 3 弹窗 查看 →
PART 07

Extras 挂件

4 个独立挂件(头像框 / 投票工具 / 幸运转盘 / 观众抽奖)的完整配置面板 + OBS 输出预览 + Copy URL / Backup 弹窗。

16 屏 + OBS 预览 查看 →
PART 08

设置中心

8 个分区:授权 License / 设备管理(迁移验证码) / AI 模型 Key / 语言 / 采集线路 / 主题 / 录制 / 关于。

6 主屏 + 6 弹窗 查看 →
⚠ 实施校准 · 设计稿 vs catclaw 真实代码

探索主播 (PART 04) 和 直播监控 (PART 05) 在 catclaw 项目里已经有生产验证过的代码。开发时按 catclaw 现有实现迁移,下面几处与设计稿描述不一致,以代码为准(已写入 phase plan):

维度 设计稿描述 catclaw 真实 → 实施按这个
探索入口 关键词搜索 / 话题 # 直接进 tiktok.com/live 自动滑卡片
AI 评分维度 7 维度(上镜/互动/增长 ...) 14 维度(民族/性别/年龄/语言/类别/互动评分/内容质量/标签/总结/推荐 等)
AI 模型 GPT-4o Vision + Claude Qwen Vision (DASHSCOPE) + qwen-vl-max fallback
触发周期 周期性 cron 任务 手动启动 TaskRunner(默认单次采 30 位)
浏览器自动化 Playwright Electron BrowserWindow + bridge.executeJS
监控判 LIVE HTTP fetchRoomInfo 直接 connectRoom() WS 试连,连上=LIVE
监控特性 简单 30s 巡检 30s 调度 + 90s backoff + 10min session 复用 + 5x 指数退避重连(24 种事件类型)
Backstage 邀约 未提 采完 30 个后一次性批量邀约 + 解析"地区不匹配/已邀约/可邀约"等状态

🎯 结论:探索 + 监控的开发本质是从 catclaw 迁移代码,不是从零写。详细迁移路径 + 文件映射见 Phase 5 plan + Phase 7 plan

工程文档 · 架构 + 8 份 plan
📍 ROADMAP

Pawcast Roadmap

7 个 Phase 总览 + 工期估算(45-68 天)+ 依赖图。**Mac dev 版**,去掉 license / 支付 / Win 打包。

~3000 字查看 →
🏗 ARCHITECTURE

项目架构设计

Monorepo 目录树 + 4 进程模型 + 数据流图 + 10 张 SQLite 表 + IPC Contract + 命名规范 + 性能预算。

~5000 字 · 15 章查看 →
📋 SPEC

详细技术规格

11 章工程评审文档:每模块字段表 / 状态机 / 数据流。

~12,000 字查看 →
⚙ PHASE 1

Foundation 详细 plan

15 个 task · 完整可执行。脚手架 + DB + IPC + 5 Tab 壳 + Settings 闭环。

15 task · TDD 节奏查看 →
⚙ PHASE 2

采集层 plan

tiktok-live-connector 封装 + Electron BrowserWindow + Cookie 加密 + JSONL 录制。

10 task · 4-6 天查看 →
⚙ PHASE 3

计票器 plan(MVP 灵魂)

5 玩法引擎 + 礼物绑定 + 互动投票 + 12 预设 + 7 个挂件 HTML。

30 task · 8-12 天查看 →
⚙ PHASE 4

Extras 挂件 plan

Profile Border / Voting Tool / Lucky Game / Lucky Fans 4 挂件。

10 task · 3-4 天查看 →
⚙ PHASE 5

探索主播 plan(迁移)

从 catclaw 迁移 ~1500 行代码。/live 滑卡片 + Qwen Vision 14 维度 + Backstage 批量邀约。

16 task · 5-7 天查看 →
⚙ PHASE 6

私信中心 plan

AI 起草 + 速率受控 + 风控规避 + 模板 A/B + 漏斗追踪。

17 task · 5-7 天查看 →
⚙ PHASE 7

直播监控 plan(迁移)

从 catclaw 迁移 ~1500 行核心。30s 调度 + worker thread + 24 事件类型 + PK 追踪。

15 task · 4-6 天查看 →
参考:详细 spec HTML
PART 09

详细技术规格 · Spec

11 章节工程评审文档:每个模块的字段表、状态机、数据流、技术栈、SQLite Schema、IPC 协议、AI 调用、对比 MCAStar、Roadmap、未决项。

~12,000 字 · 11 章 阅读 →
PART 10

实施计划(待生成)

合伙人评审通过后,自动生成里程碑切分 + 任务依赖图 + 工期估算。Phase 1 (基础架构 + 计票器) → Phase 2 (探索 + 私信) → Phase 3 (监控 + 挂件) → Phase 4 (打包 + 发版)。

等待合伙人批准 待启动
📝 合伙人审阅指引:
  1. 先读 PART 01 营销介绍 理解整体定位(10 分钟)
  2. 再读 PART 02 应用原型 看 6 屏 hi-fi 全貌(5 分钟)
  3. 逐模块深入 PART 03-08(每个 ~10 分钟,共 ~1 小时)
  4. 工程评审看 PART 09 技术规格(30 分钟)
反馈方式:把想调整的地方按「页面 + 章节 / 屏幕编号」标记。例如「Vote 03.1 想加 X」「DM 03 模板编辑想去掉 Y」「Settings 02 设备迁移条件改为 Z」。定稿后我会出实施计划,进入 Electron 工程搭建阶段。