SuperAPI AI 工具集

html-stakeholder-decks

前端与建站

查看项目

更新于 10-16 08:45

技能介绍

用途:把 Clarity 导出 CSV、数据分析结果或 PRD/史诗计划整理成单文件 HTML 幻灯片,用于周度分析汇报或面向干系人的行动摘要。输出为一个自包含 .html 文件(CSS 与 JS 内联),无 React、无构建步骤,浏览器打开后用 Ctrl+P 导出 PDF。

受众模式:technical(面向产品、分析、开发,使用漏斗、LCP/INP、事件、问题等术语)与 stakeholder(面向管理层、市场、运营,用业务目标百分比与类比,避免 LCP、INP、标签等术语)。

使用方式:先明确受众与数据来源;可选脚手架 npm run deck:new:technical 或 npm run deck:new:stakeholder,也可用 scripts/new-analytics-deck.ps1 -Mode Technical|Stakeholder [-Topic slug] [-Open];读取来源,提取 4–6 个核心指标、3–5 条洞察与行动;编辑新 HTML(结构/CSS 来自黄金模板);保存到 docs/analytics/;浏览器打开,编辑后 Ctrl+F5 刷新。命名由脚本按模式与日期生成,如 clarity-semana-{ddmon}-{yyyy}.html、clarity-prd-plan-stakeholder-{tenant}-{ddmon}-{yyyy}.html;手动路径 docs/analytics/{topic}-{audience}-{tenant}.html 也可。

幻灯片结构与设计:每页使用 section.slide > slide-frame > content;含进度条、页码、导航提示与键盘导航(方向键、空格、Home/End、F)。强制浅色主题、基础字号 18px、DM Sans、租户配色令牌、垂直居中、标签放条形外、默认西班牙语文案。技术版约 15 页,干系人版约 12–14 页。限制:不默认做深色主题、不与条形重叠内联标签、不生成 PowerPoint、未获要求不提交;可读性问题按参考清单调整。具体租户令牌、组件与示例文件细节暂未提供完整内容。