|
|
@@ -0,0 +1,394 @@
|
|
|
+# 浠艾福 对外沟通·统一口径(内部版)16 页 PPT 实施计划
|
|
|
+
|
|
|
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
|
|
|
+
|
|
|
+**Goal:** 生成 16 页内部版 PPT(对外沟通·统一口径作战手册),供对外相关团队宣讲与沉淀参考。
|
|
|
+
|
|
|
+**Architecture:** 复用既有 HTML 幻灯片管线:每页一个自包含 HTML(1280×720,内联 CSS + CSS 变量),输出到独立目录 `ppt-output/internal/slides/`,用 Python 生成器产出 iframe 预览页。4 个 Agent 并行生成 4 组页面,随后统一渲染验证。
|
|
|
+
|
|
|
+**Tech Stack:** 纯 HTML/CSS/SVG(无 JS 运行时、无动画)、Python 3(预览生成器)、Chrome DevTools(渲染验证)
|
|
|
+
|
|
|
+## Global Constraints
|
|
|
+
|
|
|
+- **内容唯一来源**: `docs/superpowers/specs/2026-08-07-xaf-internal-communication-design.md`(信息卡在下方 Task 中完整复制,Agent 必须逐条实现,不增删事实)
|
|
|
+- **管线红线**(`ppt-output/runtime/html-spec.md`): body 固定 `width:1280px; height:720px; overflow:hidden`;禁止动画/`@keyframes`/`transition`;禁止伪元素视觉装饰;禁止 `background-image` 放图(用 `<img>`);禁止 SVG 内 `<text>`;禁止 `conic-gradient`(用 SVG circle + stroke-dasharray);禁止 `background-clip:text` 渐变文字;所有颜色必须 `var(--xxx)`(CSS 变量展开自 style.json 的 css_variables 到 `:root`),**禁止硬编码色值**
|
|
|
+- **CSS 变量源**: `ppt-output/style.json`(style_id: tech_blue_warm_orange)——bg-primary `#0A1A2F`、accent-1 `#FF8C42`、五维色 five_earth `#FF8C42` / five_fire `#FF6B9D` / five_metal `#6366F1` / five_wood `#10B981` / five_water `#F59E0B`
|
|
|
+- **内部版专属约束**:
|
|
|
+ - 输出目录 `ppt-output/internal/slides/slide-{N}.html`(N=1..16),**禁止写入/覆盖** `ppt-output/slides/`(外部版 16 页)
|
|
|
+ - 每页右上角固定角标:半透明胶囊「内部 · 统一口径」(如 `position:absolute; top:20px; right:40px`,z-index 高于 header),页脚格式 `内部·统一口径 | NN / 16`
|
|
|
+ - 红线页(slide-11/12/13)红色系强调:警示语义色用 `#EF4444` 系(必须作为 CSS 变量 `--danger: #EF4444` 定义后引用),❌⚠️✅ 语义图标用真实 SVG `<circle>`/`<path>` 或 HTML 字符 + 语义色
|
|
|
+ - Q&A 页(slide-14/15)问答卡布局:Q 行橙色(accent-1)、A 行深蓝底(card-bg-from)——**同一 Q 与其 A 配对成一张卡**,禁止 Q/A 分离
|
|
|
+ - 数字全部 `font-variant-numeric: tabular-nums`;每页 ≥2 种 card_style;accent/elevated 各 ≤1;每页内容卡打 `data-card-id` 标记,装饰节点打 `data-decoration-layer` + `aria-hidden="true"`
|
|
|
+- **写文件注意**: 若目标文件已存在,`write` 会被拒绝(报 "File already exists")——先用 `read` 读一次该文件再 `write`
|
|
|
+- **数据口径铁律**: 对外数据仅限 S5 组(78 城市 / 840 规划师 / 84,994 用户 / 4,423,014 份测评)与设计文档已确认数据;收入/成本/漏斗等内部指标**只出现在红线页作为"禁止外传"示例**,禁止作为正面数据展示
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+## 文件结构
|
|
|
+
|
|
|
+| 文件 | 责任 |
|
|
|
+|------|------|
|
|
|
+| `ppt-output/internal/slides/slide-1~16.html` | 16 页幻灯片(本计划主体产物) |
|
|
|
+| `ppt-output/internal/preview-internal.html` | 16 页预览页(iframe src 引用 slides/,Task 6 生成) |
|
|
|
+| `ppt-output/runtime/gen_preview_internal.py` | 预览生成器(复制 gen_preview16.py 改造) |
|
|
|
+| `docs/superpowers/PROJECT-OVERVIEW.md` | 文档索引同步(Task 7) |
|
|
|
+
|
|
|
+## Task 分解概览
|
|
|
+
|
|
|
+| Task | 内容 | 产出 |
|
|
|
+|------|------|------|
|
|
|
+| 1 | 目录准备 + 参考模板确认 | `ppt-output/internal/slides/` 存在 |
|
|
|
+| 2 | slide-1~4(封面/定位三句话/五维平台/身份话术) | 4 个 HTML |
|
|
|
+| 3 | slide-5~8(成果/平台/检测/案例话术) | 4 个 HTML |
|
|
|
+| 4 | slide-9~12(合作/理念话术 + 红线 2 页) | 4 个 HTML |
|
|
|
+| 5 | slide-13~16(脱敏红线/Q&A×2/行动项) | 4 个 HTML |
|
|
|
+| 6 | 预览生成器 + preview-internal.html | 1 个 py + 1 个 html |
|
|
|
+| 7 | 渲染验证 16 页 + 文档同步 | 验证记录 + PROJECT-OVERVIEW 更新 |
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+### Task 1: 环境准备
|
|
|
+
|
|
|
+**Files:**
|
|
|
+- Create: `ppt-output/internal/slides/`(目录)
|
|
|
+- Read: `ppt-output/runtime/html-spec.md`、`ppt-output/style.json`、`ppt-output/slides/slide-2.html`(参考骨架)
|
|
|
+
|
|
|
+- [ ] **Step 1: 创建输出目录**
|
|
|
+
|
|
|
+```bash
|
|
|
+New-Item -ItemType Directory -Force -Path "D:\workspace\cfc\ppt-output\internal\slides"
|
|
|
+```
|
|
|
+
|
|
|
+- [ ] **Step 2: 确认参考模板可读**
|
|
|
+
|
|
|
+读取 `ppt-output/slides/slide-2.html` 确认骨架:`:root` 变量展开 → `.grid-overlay` → `.slide-header` → `.slide-footer` → 内容区。内部版沿用同一骨架,另加右上角内部角标。
|
|
|
+
|
|
|
+- [ ] **Step 3: 确认无旧产物残留**
|
|
|
+
|
|
|
+确认 `ppt-output/internal/` 为空(或仅含待覆盖文件),且 `ppt-output/slides/slide-1~16.html` 未被触碰(外部版产物)。
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+### Task 2: slide-1~4(第一部分 一句话共识 + 身份话术)
|
|
|
+
|
|
|
+**Files:**
|
|
|
+- Create: `ppt-output/internal/slides/slide-1.html` ~ `slide-4.html`
|
|
|
+
|
|
|
+**Interfaces:**
|
|
|
+- Consumes: html-spec.md 导航骨架(`.slide-header` / `.slide-footer`)、style.json CSS 变量、内部角标规范(Global Constraints)
|
|
|
+- Produces: 4 个自包含 HTML,供 Task 6 预览 iframe 引用、Task 7 渲染验证
|
|
|
+
|
|
|
+**视觉基调**: 第一部分为"共识层"——低到中密度,深蓝底 + 暖橙强调 + 网格点阵;slide-1 封面大字号冲击力(H0 ≥80px),slide-2/3 信息密度逐级上升。
|
|
|
+
|
|
|
+- [ ] **Step 1: 生成 slide-1.html(封面)**
|
|
|
+
|
|
|
+```html
|
|
|
+<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8">
|
|
|
+<style>
|
|
|
+/* :root 展开 style.json css_variables(含 --danger: #EF4444) */
|
|
|
+/* body 1280×720 overflow:hidden + grid-overlay 点阵 */
|
|
|
+/* 右上角角标 .internal-badge: 半透明胶囊「内部 · 统一口径」 */
|
|
|
+</style>
|
|
|
+```
|
|
|
+
|
|
|
+内容(来自设计文档 S1):
|
|
|
+- 主标题: 对外沟通 · 统一口径(H0,≥80px,字距 -0.02em)
|
|
|
+- 副标题: 让每个家庭的健康,都被提前看见
|
|
|
+- 标注: 内部培训资料 · 面向对外相关团队(商务/市场/运营/管理层)
|
|
|
+- 落款: 浠艾福(Care Family)· 2026
|
|
|
+- 内部角标 + 页脚 `内部·统一口径 | 01 / 16`
|
|
|
+- card_style 混用:标题区 transparent + 落款 outline;装饰节点打标
|
|
|
+
|
|
|
+- [ ] **Step 2: 生成 slide-2.html(定位三句话)**
|
|
|
+
|
|
|
+内容(S2)——三句标准表述,必须逐字一致:
|
|
|
+1. **我们是谁**: 双培强基工程(人民日报《人民周刊》+ 中国科学院心理研究所联合发起)旗下工程品牌"中科心知",落地家庭健康服务平台"浠艾福(Care Family)"
|
|
|
+2. **我们解决什么**: 让家庭健康从"被动等待"走向"主动掌握"——提前预知风险、提前干预
|
|
|
+3. **我们怎么做**: 以五维体系(身·智·富·行·心)为框架,以"检测 → AI 分析 → 个性化方案 → 行为执行 → 复测迭代"闭环为载体
|
|
|
+
|
|
|
+布局:三句横排三卡(递减节奏或主副节奏,禁止等宽等高排一行);每卡编号气泡 01/02/03(真实 div),卡标题(谁/解决什么/怎么做)+ 正文;顶部强调条"电梯陈述 · 对外开场必须一致";底部讲解要点 caption。页脚 `02 / 16`。
|
|
|
+
|
|
|
+- [ ] **Step 3: 生成 slide-3.html(五维平台一页看懂)**
|
|
|
+
|
|
|
+内容(S3):
|
|
|
+- 五维色环(中心):身(主动健康)#FF8C42 / 心(大爱相随)#FF6B9D / 智(赋能未来)#6366F1 / 行(人际和谐)#10B981 / 富(利他创富)#F59E0B——SVG circle + stroke-dasharray 分段环形 + HTML 标签叠加(SVG 内禁止 `<text>`)
|
|
|
+- 四端卡(围绕或下方):家长端(决策与付费)/ 孩子端(行为落地)/ 规划师·供应商端(服务供给)/ 管理端(运营中枢)
|
|
|
+- 三边市场骨架(底部条):家庭 ← 规划师 ← 供应商(数据/服务/产品三边协同)
|
|
|
+- 讲解要点 caption: "这是'平台是什么'的标准图;任何对外介绍从这张图开始,不展开技术细节"
|
|
|
+- 五维色系点缀;页脚 `03 / 16`
|
|
|
+
|
|
|
+- [ ] **Step 4: 生成 slide-4.html(身份话术)**
|
|
|
+
|
|
|
+内容(S4):
|
|
|
+- 标准表述: 双培强基工程——人民日报《人民周刊》与中国科学院心理研究所联合发起的青少年成长素养培育工程;工程品牌"中科心知"承载测评体系;浠艾福(Care Family)是工程成果的市场化落地平台
|
|
|
+- 身份层级链: 工程 → 品牌 → 平台(三阶可视化,箭头连接,真实 div 连线)
|
|
|
+- 关键数据: 学术带头人三卡——魏高峡(核心专家/学术指导)、施建农(核心专家/体系构建)、张挽时(核心专家/临床实践)
|
|
|
+- 口径提示卡(outline 样式): "只表述'联合发起/学术指导',不夸大隶属关系;不单独强调某位专家个人"
|
|
|
+- 页脚 `04 / 16`
|
|
|
+
|
|
|
+- [ ] **Step 5: 生成后自检(每页)**
|
|
|
+
|
|
|
+按 html-spec.md 第 10 节清单自检:body 1280×720、颜色全走变量、无动画/伪元素/background-image、SVG 无 text、card 有 data-card-id、装饰有 data-decoration-layer、≥2 种 card_style、数字 tabular-nums、无溢出。
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+### Task 3: slide-5~8(第二部分 标准话术:成果/平台/检测/案例)
|
|
|
+
|
|
|
+**Files:**
|
|
|
+- Create: `ppt-output/internal/slides/slide-5.html` ~ `slide-8.html`
|
|
|
+
|
|
|
+**Interfaces:**
|
|
|
+- Consumes: 同 Task 2 + slide-1~4 已建立的角标/页脚/骨架约定(跨页一致性合同)
|
|
|
+- Produces: 4 个 HTML,供 Task 6/7 使用
|
|
|
+
|
|
|
+**视觉基调**: 第二部分为"话术层"——中高密度;slide-5 数据页大号水印数字 + Data-Hero(≥64px);slide-8 案例页引入外部版案例表述但**脱敏**(化名小辰)。
|
|
|
+
|
|
|
+- [ ] **Step 1: 生成 slide-5.html(成果话术)**
|
|
|
+
|
|
|
+内容(S5)——核心 KPI 四卡(Data-Hero ≥64px,tabular-nums):
|
|
|
+- **78** 城市覆盖 | **840** 位认证成长规划师 | **84,994** 人注册用户 | **4,423,014** 份累计测评
|
|
|
+- 辅助数据(可选引用,caption 标注"源自运营大屏"): 年龄分布 10-12 岁占 35% / 测评包 A2 占 55% / 区域分布北部 40,913 · 广东 35,958
|
|
|
+- 口径提示卡(outline,黄色 ⚠️ 语义): "这组数据是当前对外公开口径(2026-08 时点);数据更新以运营确认为准(见 S11)"
|
|
|
+- 每 KPI 卡至少一个 CSS 可视化(进度条/对比柱/sparkline);页脚 `05 / 16`
|
|
|
+
|
|
|
+- [ ] **Step 2: 生成 slide-6.html(平台话术)**
|
|
|
+
|
|
|
+内容(S6):
|
|
|
+- 主表述: DAN 素质能力测评体系——"有模型、有算法、有数据"(三列强调,各带图标)
|
|
|
+ - 有模型: A2 六维认知(感知觉/注意力/记忆力/推理/空间/加工速度)+ 大五人格
|
|
|
+ - 有算法: 135 页报告 → 3 页行动方案(AI 报告解析引擎)
|
|
|
+ - 有数据: 4,423,014 份真实测评积累,数据飞轮驱动模型迭代
|
|
|
+- 五环节闭环(底部横贯): 检测 → AI 分析 → 个性化方案 → 行为执行 → 复测迭代(flex 横向 + 真实 div 连线箭头)
|
|
|
+- 讲解要点 caption: "把'技术底座'翻译成对外价值语言——任何产品/服务接入,都建立在同一套可量化、可验证的测评底座上"
|
|
|
+- 页脚 `06 / 16`
|
|
|
+
|
|
|
+- [ ] **Step 3: 生成 slide-7.html(检测话术)**
|
|
|
+
|
|
|
+内容(S7):
|
|
|
+- 三步流程: 居家采样 → 135 页专业报告 → AI 压缩为 3 页行动方案(横排流程,主副节奏)
|
|
|
+- 真实数据点三卡: 健康总分 **73**(均值 75)/ 菌群健康 **53**(偏低·重点调理)/ 检出菌种 **313** 种(均值约 800)——每卡带状态徽章与可视化
|
|
|
+- AI 自动标注三小卡: 维生素 B12 / 苏氨酸 / 丙氨酸("数据→方案"自动化证据)
|
|
|
+- AI 健康教练卡(accent 样式,每页 ≤1): 7×24 智能应答 + 家庭 360° 上下文
|
|
|
+- 讲解要点 caption: "强调'检测不是终点,干预 + 复测才是闭环'"
|
|
|
+- 页脚 `07 / 16`
|
|
|
+
|
|
|
+- [ ] **Step 4: 生成 slide-8.html(案例话术)**
|
|
|
+
|
|
|
+内容(S8):
|
|
|
+- 案例头卡: 真实案例 · 小辰(化名)——11 岁男孩,注意力问题
|
|
|
+- 检测数据三卡: 菌群平衡 **37/100** / 双歧杆菌 **0.22%**(正常 ≥5%)/ 注意力 **49%**
|
|
|
+- 洞察句(强调条,暖橙): "大脑硬件没问题,是运行环境出了问题"
|
|
|
+- 干预闭环三步: 菌群溯源 → 精准调理 → 复测对比
|
|
|
+- 数据原则标注(右下角 caption): 匿名处理,数据来源"浠艾福家庭健康报告"
|
|
|
+- 讲解要点 caption: "案例是转化利器,但必须按 S13 脱敏规则讲;禁止使用非客户案例"
|
|
|
+- 页脚 `08 / 16`
|
|
|
+
|
|
|
+- [ ] **Step 5: 生成后自检(每页)**
|
|
|
+
|
|
|
+同 Task 2 Step 5。
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+### Task 4: slide-9~12(合作/理念话术 + 红线两页)
|
|
|
+
|
|
|
+**Files:**
|
|
|
+- Create: `ppt-output/internal/slides/slide-9.html` ~ `slide-12.html`
|
|
|
+
|
|
|
+**Interfaces:**
|
|
|
+- Consumes: 同前 + slide-11/12 为红线页需引入 `--danger: #EF4444` 与 ❌⚠️✅ 语义图标
|
|
|
+- Produces: 4 个 HTML,供 Task 6/7 使用
|
|
|
+
|
|
|
+**视觉基调**: slide-9 合作话术收束、slide-10 理念话术(五维色再次点亮);slide-11/12 进入红线层——**视觉风格陡变**:红色系强调、警示图标、语义色分级,与前半部分形成"安全提示"区隔。
|
|
|
+
|
|
|
+- [ ] **Step 1: 生成 slide-9.html(合作话术)**
|
|
|
+
|
|
|
+内容(S9):
|
|
|
+- 主表述: 开放平台 · 生态共建
|
|
|
+- 三档合作框架(三卡阶梯递进):
|
|
|
+ 1. **产品接入**: 1-2 款产品试点,30 天内跑通"检测 → 推荐 → 复购"最小闭环
|
|
|
+ 2. **联合运营**: 共建健康包(检测+产品+复测),双方分成
|
|
|
+ 3. **资本合作**: 数据资产与客户池价值开放,共享平台增长红利
|
|
|
+- 目标家庭池 Data-Hero: **1.2 亿户**
|
|
|
+- 口径提示卡(outline): "对外不点名具体企业(洽谈中不透露,见 S12);表述为'面向所有潜在合作伙伴的通用框架'"
|
|
|
+- 页脚 `09 / 16`
|
|
|
+
|
|
|
+- [ ] **Step 2: 生成 slide-10.html(理念话术)**
|
|
|
+
|
|
|
+内容(S10):
|
|
|
+- 主表述(强调条): 主动健康 = 预测/预知——不是等指标异常了才干预,而是提前预知风险、提前干预
|
|
|
+- 五维全景幸福矩阵: 身·智·富·行·心 五维色小徽章行 + "四维补富 → 五维全景";富维度副标"经济安全感是幸福底座之一"
|
|
|
+- 五行动态平衡双卡: 相生(身→智→富→行→心→身)/ 相克(身克富/智克行/富克心/行克身/心克智)
|
|
|
+- 讲解要点 caption: "用于'为什么是五维'的解释场景;五行关系点到为止,不展开哲学细节"
|
|
|
+- 页脚 `10 / 16`
|
|
|
+
|
|
|
+- [ ] **Step 3: 生成 slide-11.html(沟通红线·数据与业绩)**
|
|
|
+
|
|
|
+内容(S11)——红线页,红色系基调:
|
|
|
+- 页标题: 沟通红线 ① 数据与业绩
|
|
|
+- ❌ 不外传(danger 卡 ×2): 转化漏斗、收入/成本/毛利、付费率等内部运营数据;未脱敏原始用户数据与单用户画像明细
|
|
|
+- ⚠️ 测算口径(warning 卡): "单用户年收入 1 万元 × 用户规模"等测算值,必须标注"测算值,不构成业绩承诺";数据时效——对外数据以运营最新确认为准,禁止过期数据
|
|
|
+- ✅ 可讲(success 卡): 对外公开的运营大屏数据、已发布报告引用(注明出处)
|
|
|
+- 顶部或角标强化"红线"标识;❌⚠️✅ 图标为真实 SVG 或 HTML 符号 + 语义色(danger `--danger` / warning `#F59E0B` / success `#10B981`,warning/success 走 CSS 变量)
|
|
|
+- 页脚 `11 / 16`
|
|
|
+
|
|
|
+- [ ] **Step 4: 生成 slide-12.html(沟通红线·合作与合规)**
|
|
|
+
|
|
|
+内容(S12):
|
|
|
+- 页标题: 沟通红线 ② 合作与合规
|
|
|
+- ❌ 不点名未签约合作方(如广药康美)——统一"开放平台、洽谈中不透露"
|
|
|
+- ❌ 不承诺疗效/诊断: "肠漏"表述改为"肠道屏障功能受损(潜在通路)";测评结果非医疗诊断;健康建议不替代医嘱
|
|
|
+- ❌ 不夸大学术关系: 只说"联合发起/学术指导",不虚构隶属
|
|
|
+- ⚠️ 外部数据引用注明出处(如《中国居民营养与慢性病状况报告 2020》)
|
|
|
+- ✅ 合规基础: 团体标准 T/CS 004-2025《体重管理产品质量要求》可作产品合规依据引用
|
|
|
+- 布局: 红橙(danger)区为主体 + 底部黄绿(warning/success)带;页脚 `12 / 16`
|
|
|
+
|
|
|
+- [ ] **Step 5: 生成后自检(每页)**
|
|
|
+
|
|
|
+同前 + 红线页确认语义色全部走 CSS 变量(无硬编码红色)。
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+### Task 5: slide-13~16(脱敏红线 / Q&A×2 / 行动项)
|
|
|
+
|
|
|
+**Files:**
|
|
|
+- Create: `ppt-output/internal/slides/slide-13.html` ~ `slide-16.html`
|
|
|
+
|
|
|
+**Interfaces:**
|
|
|
+- Consumes: 同前 + slide-14/15 问答卡布局约定(Q 橙 accent-1 / A 深蓝底 card-bg-from,Q 与其 A 配对成卡)
|
|
|
+- Produces: 4 个 HTML,供 Task 6/7 使用
|
|
|
+
|
|
|
+- [ ] **Step 1: 生成 slide-13.html(沟通红线·脱敏与案例)**
|
|
|
+
|
|
|
+内容(S13):
|
|
|
+- 页标题: 沟通红线 ③ 脱敏与案例
|
|
|
+- 案例规则卡: 姓名→化名(小辰);日期→模糊("三个月前");学校/家庭住址→不提及
|
|
|
+- 截图规则卡: 敏感信息打码;截图须标注主要内容区域(红框/箭头)与英文术语中文翻译
|
|
|
+- 数据引用卡: 注明来源(如"A2 核心素养评估报告""浠艾福家庭健康报告")
|
|
|
+- ❌ 禁止卡: 使用非客户案例(名人/竞争对手);虚构或夸大成果数据
|
|
|
+- 视觉: 与 slide-11/12 同红线系(danger 强调);页脚 `13 / 16`
|
|
|
+
|
|
|
+- [ ] **Step 2: 生成 slide-14.html(常见问答·基础)**
|
|
|
+
|
|
|
+内容(S14)——四张问答卡(Q 橙 / A 深蓝底配对成卡):
|
|
|
+- **Q1 你们是做什么的?** A: 定位三句话(见 S2)
|
|
|
+- **Q2 测评和医院体检有什么区别?** A: 测评是素质能力/行为/菌群评估(主动健康·预警风险),非医疗诊断;医院体检查器质性病变;两者互补
|
|
|
+- **Q3 数据从哪来、可信吗?** A: DAN 测评体系 + 菌群检测,双培强基工程学术底座,4,423,014 份真实测评积累
|
|
|
+- **Q4 商业模式怎么赚钱?** A: 测评/会员/服务供应链三块收入 + 三边市场网络效应
|
|
|
+- 布局: 2×2 问答卡网格,但**禁止等宽等高排一行**——用主副节奏或交错;页脚 `14 / 16`
|
|
|
+
|
|
|
+- [ ] **Step 3: 生成 slide-15.html(常见问答·敏感)**
|
|
|
+
|
|
|
+内容(S15)——四张问答卡(同 S14 布局语言):
|
|
|
+- **Q5 你们和 XX 合作了吗?** A: "开放平台,正与多家伙伴洽谈生态共建,具体以官方披露为准"
|
|
|
+- **Q6 能保证效果吗?** A: "我们提供检测-干预-复测的循证闭环,效果以复测数据验证为准,不承诺疗效"
|
|
|
+- **Q7 用户数据隐私如何保障?** A: 脱敏存储、角色权限控制、微信生态合规(简述,不展开技术细节)
|
|
|
+- **Q8 和竞争对手差异?** A: 不贬低同行;讲"五维全景 + 家庭为单位 + 检测-干预闭环"的独特性
|
|
|
+- 视觉: 较 S14 更"敏感"——问答卡边框用 outline,顶部加"敏感问题·注意口径"提示条;页脚 `15 / 16`
|
|
|
+
|
|
|
+- [ ] **Step 4: 生成 slide-16.html(结尾·行动项)**
|
|
|
+
|
|
|
+内容(S16):
|
|
|
+- 页标题: 行动项 · 口径速查
|
|
|
+- 使用指引三卡: 对外沟通前先查本手册对应模块(话术查第二层/边界查第三层/疑问查第四层)
|
|
|
+- 口径速查条: 定位三句话(S2)+ 数据速查(S5)+ 红线三禁(不点名 · 不承诺 · 不夸大)——三禁用 danger 色圆点
|
|
|
+- 内部联系窗口卡: 数据口径→运营;合作口径→商务;内容合规→管理层
|
|
|
+- 落款: 浠艾福(Care Family)· 内部资料 · 2026-08
|
|
|
+- 页脚 `16 / 16`
|
|
|
+
|
|
|
+- [ ] **Step 5: 生成后自检(每页)**
|
|
|
+
|
|
|
+同前。
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+### Task 6: 预览生成器 + preview-internal.html
|
|
|
+
|
|
|
+**Files:**
|
|
|
+- Create: `ppt-output/runtime/gen_preview_internal.py`
|
|
|
+- Create: `ppt-output/internal/preview-internal.html`(由脚本生成)
|
|
|
+
|
|
|
+**Interfaces:**
|
|
|
+- Consumes: Task 2-5 的 16 个 HTML(校验存在性)
|
|
|
+- Produces: `preview-internal.html`(iframe src 引用 `slides/slide-{N}.html`,翻页工具栏 + 键盘 ←→ 导航)
|
|
|
+
|
|
|
+- [ ] **Step 1: 编写生成器**
|
|
|
+
|
|
|
+复制 `ppt-output/runtime/gen_preview16.py` 并修改:
|
|
|
+- 输出路径 → `ppt-output/internal/preview-internal.html`
|
|
|
+- SLIDES_DIR → `ppt-output/internal/slides`
|
|
|
+- `<title>` → `浠艾福 · 对外沟通统一口径(内部版 16 页)`
|
|
|
+- iframe `src="slides/slide-{N}.html"`(相对 internal/ 目录)
|
|
|
+- 底部 nav-hint → `← → 翻页 · 内部资料 · 统一口径`
|
|
|
+- 工具栏加"内部"角标样式(`background: rgba(239,68,68,0.15); color:#FCA5A5`)
|
|
|
+
|
|
|
+```python
|
|
|
+#!/usr/bin/env python3
|
|
|
+# -*- coding: utf-8 -*-
|
|
|
+"""生成 internal/preview-internal.html(16 页内部版预览,iframe src 引用)"""
|
|
|
+import os, html
|
|
|
+
|
|
|
+BASE = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) # ppt-output
|
|
|
+OUT = os.path.join(BASE, 'internal', 'preview-internal.html')
|
|
|
+SLIDES_DIR = os.path.join(BASE, 'internal', 'slides')
|
|
|
+
|
|
|
+SLIDES = [f'slide-{i}.html' for i in range(1, 17)]
|
|
|
+for s in SLIDES:
|
|
|
+ p = os.path.join(SLIDES_DIR, s)
|
|
|
+ if not os.path.exists(p):
|
|
|
+ raise SystemExit(f'缺少 {p}')
|
|
|
+
|
|
|
+# 骨架同 gen_preview16.py:toolbar + stage + iframe(src="slides/slide-{i}.html") + resize/show/nav 脚本
|
|
|
+# title: 浠艾福 · 对外沟通统一口径(内部版 16 页)
|
|
|
+# nav-hint: ← → 翻页 · 内部资料 · 统一口径
|
|
|
+# 工具栏右上角加红色系角标「内部 · 统一口径」
|
|
|
+```
|
|
|
+
|
|
|
+- [ ] **Step 2: 运行并验证**
|
|
|
+
|
|
|
+```bash
|
|
|
+python D:\workspace\cfc\ppt-output\runtime\gen_preview_internal.py
|
|
|
+```
|
|
|
+
|
|
|
+Expected: 输出 `已生成 ...preview-internal.html(16 页...)`;文件存在且含 16 个 iframe。
|
|
|
+
|
|
|
+- [ ] **Step 3: 打开预览确认可翻页**
|
|
|
+
|
|
|
+Chrome 打开 `file:///D:/workspace/cfc/ppt-output/internal/preview-internal.html`,确认第 1 页加载、Next/Prev 与键盘翻页正常(无需逐页截图,Task 7 做)。
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+### Task 7: 渲染验证 16 页 + 文档同步
|
|
|
+
|
|
|
+**Files:**
|
|
|
+- Modify: `docs/superpowers/PROJECT-OVERVIEW.md`
|
|
|
+- Modify: `docs/superpowers/specs/2026-08-07-xaf-internal-communication-design.md`(状态字段)
|
|
|
+
|
|
|
+- [ ] **Step 1: 逐页渲染截图验证(slide-1~16)**
|
|
|
+
|
|
|
+Chrome DevTools 逐页打开 `file:///D:/workspace/cfc/ppt-output/internal/slides/slide-{N}.html` 截图,用 look_at 检查:
|
|
|
+- 内容完整性:每页与设计文档信息卡逐条比对(关键数据:84,994 / 4,423,014 / 78 / 840 / 1.2 亿户 / 37-100 / 0.22% / 49%)
|
|
|
+- 无溢出/截断/重叠;截图正常(本版无大屏截图引用,除必要的装饰元素)
|
|
|
+- 内部角标 16 页全部可见;红线页(11-13)红色系生效;Q&A 页(14-15)Q 橙/A 深蓝配对正确
|
|
|
+- 截图偶发超时(MCP error -32001)时等待 8-15 秒重试
|
|
|
+
|
|
|
+- [ ] **Step 2: 失败修复**
|
|
|
+
|
|
|
+任一页失败 → 定位问题(溢出/数据/角标缺失)→ 用 `edit` 修正该页 → 重新截图验证。禁止批量重写通过的页面。
|
|
|
+
|
|
|
+- [ ] **Step 3: 更新 PROJECT-OVERVIEW.md**
|
|
|
+
|
|
|
+- specs 索引 `2026-08-07-xaf-internal-communication-design.md` → 状态 `✅ 已实施(内部版 16 页交付,对外沟通统一口径)`
|
|
|
+- plans 索引新增 `2026-08-07-xaf-internal-communication.md` → 状态 `✅ 已实施`
|
|
|
+- (参考行格式:`| 文件 | 状态 | 说明 |`)
|
|
|
+
|
|
|
+- [ ] **Step 4: 更新设计文档状态**
|
|
|
+
|
|
|
+`specs/2026-08-07-xaf-internal-communication-design.md` 头部 `- **状态**: 已确认(待实施)` → `- **状态**: 已实施(slide-1~16 全量交付,渲染验证通过)`
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+## Self-Review 记录
|
|
|
+
|
|
|
+- **Spec 覆盖**: S1~S16 信息卡 → Task 2(1-4) / Task 3(5-8) / Task 4(9-12) / Task 5(13-16) 一一对应;视觉规范(角标/红线系/Q&A 布局/文件隔离)→ Global Constraints + 各 Task Step;验收标准 1-5 → Task 6/7;验收标准 6-7 → Task 7 Step 3/4。无缺口。
|
|
|
+- **占位符**: 各 Task 内容为设计文档信息卡完整复制,无 TBD;Task 6 生成器给出脚本框架与必改点(路径/title/nav-hint/角标)。
|
|
|
+- **一致性**: 数据口径全局统一(84,994/4,423,014/78/840/1.2 亿/37-100/0.22%/49%);文件路径 `ppt-output/internal/` 全计划一致;角标文案「内部 · 统一口径」一致;页脚格式 `内部·统一口径 | NN / 16` 一致。
|