| 名称 | strategy-consulting-visualization |
| 描述 | 当需要将内容转化为清晰的战略咨询可视化时使用,包括董事会幻灯片、报告、图表、静默动效演示文稿,或带有可点击证据、场景控制、假设滑块和确定性演示者演示的明确动态交互式演示文稿。 |
战略咨询可视化
目的
使用本技能将任何内容转化为具有战略咨询清晰度的专业可视化规范:洞察驱动的标题、严谨的版式、准确的数据、克制的设计以及明确的含义。它首先覆盖董事会幻灯片,并可推广到报告、提案、培训材料、技术图表、信息图以及任何受益于视觉结构的输入。
快速路径
当用户只想立即获得一个完整、真实的演示文稿或文档时,跳过逐模式的构建。
完整演示文稿 —— 从 templates/decks/ 中搭建一个现成的原型,然后用真实数据填充示例占位符:
python3 scripts/scaffold_deck.py --list # 列出 6 个带幻灯片数量的原型
python3 scripts/scaffold_deck.py board-update -o my-deck # 复制 deck.json + specs/
# 用真实数据编辑 my-deck/specs/*.json,保持模式形状不变
python3 scripts/build_html_deck.py --manifest my-deck/deck.json -o my-deck/deck.html
点击式动效演示 —— 当读者应从概览进入页面、点击展品或其主数字以获取支撑细节,并通过操作验证主张时,使用故事驱动的演示路径。这是参考驱动的 うちた 风格 動く資料 或 クリックで深掘り 请求的首选路径。阅读 references/motion-story.md 并编写一个小的 motion.json;六页日语示例演示了各组件:
python3 scripts/build_motion_deck.py --manifest examples/interactive-deck/motion.json -o deck.motion.html
python3 scripts/build_motion_deck.py --manifest examples/interactive-deck/motion.json --static -o deck.motion.static.html
开场是一个可导航的论证,随后是每页带有一个主要操作的证据驱动页面。展品和显眼的数字会打开一个带来源的抽屉;分类会进行排序,比较会保留先前的形状,滑块会重新计算所显示的公式,操作会填补空白,时间线会推进真实决策。查看整个流程,并在页面概览中运行可见的光标演示直至结束。仅重新设计一个比较页面并不能满足对整套演示体验的请求。
契约支持的交互式伴侣 —— 仅“动画”仍沿用上述经典静默展示路径。明确请求交互式/动态演示、動く・動的スライド、可点击证据、假设重算、滑块、下钻或自动演示时,先构建经典制品,然后从同一清单构建一个伴侣:
python3 scripts/build_html_deck.py --manifest my-deck/deck.json -o my-deck/deck.html
python3 scripts/build_interactive_deck.py --manifest my-deck/deck.json -o my-deck/deck.interactive.html
在添加场景之前,使用 references/interaction-selection.md。使用 references/interactive-scene-schema.md 编写封闭场景契约,审阅 references/interactive-accessibility.md,并使用 references/presenter-operation.md 交底。始终报告两条路径。交互式制品永远不会取代静态/打印基线。
文档 —— 编写 Markdown(在需要图表的位置使用 spec:/svg: 展品引用),并将其直接构建为浏览器就绪、可打印为 A4 的 HTML 报告:
python3 scripts/build_html_report.py my-report.md -o my-report.html --lang en
templates/reports/ 有三个起点(董事会预读、一页纸、提案备忘录)。
演讲者脚本 —— 任何演示文稿的讲台版本:向需要旁白的幻灯片添加顶层 "notes" 字段(字符串或段落字符串列表),然后构建一个打印优先、每页一张幻灯片的 HTML 脚本,旁白置于每张幻灯片下方。渲染器会完全忽略 notes,因此添加它永远不会改变渲染后的幻灯片,而没有备注的幻灯片仍会获得自己的页面,并带有柔和的“无脚本”标记。
python3 scripts/build_speaker_script.py --manifest my-deck/deck.json -o my-deck/script.html --lang en
演示文稿即文章 —— 同一演示文稿在单一 680px 阅读栏中自上而下阅读,而非点击式幻灯片或侧边导航文档:一个纸感优先的 hero(来自清单可选 series/lead 键的 kicker/lead),然后是每张幻灯片的 SVG,后跟其 notes 作为阅读散文,可选的每张幻灯片 label/refs 字段添加章节标签和一个“链接”侧栏,汇总到文章末尾的链接部分。
python3 scripts/build_html_article.py --manifest my-deck/deck.json -o my-deck/article.html --lang en
所有经典快速路径和可选交互式伴侣仍遵守下述样式系统和质量评分标准——它们只是跳过从空白页面编写规范。对于任何模板尚未覆盖的内容,回退到完整工作流。
何时使用
- 用户需要董事会幻灯片、执行备忘录视觉、市场地图、竞争对手基准、投资观点、绩效桥接或战略时间线。
- 用户需要任何其他文档的视觉:内部报告、研究摘要、销售提案、项目状态更新、培训或教育材料、技术文档、一页纸、信息图或学习笔记。
- 用户有原始数据、散文、笔记、流程描述或问题,并需要视觉方向——即使他们只说“可视化这个”。
- 用户要求 McKinsey 风格、BCG 风格、Bain 风格、咨询风格、董事会就绪、执行就绪或战略演示视觉。
- 输出应感觉像顶级专业交付物,而不暗示与任何咨询公司有关联。
何时不使用
- 用户想要没有信息内容的装饰艺术、品牌活动或低密度励志视觉。
- 用户需要受监管的金融、医疗或法律结论,而未经来源验证。
- 用户要求最终渲染的图表,但未提供足够数据来检查标签、刻度和声明。
工作流
- 确定视觉应为其读者支持的决策、问题或任务。
- 如果输入不是明显的图表请求,使用
references/input-triage.md对其进行分类,将任何输入类型映射到模式家族。 - 从
references/document-type-profiles.md中选择文档配置文件,以设置画布、密度和语气。 - 将请求转化为回答读者问题的洞察驱动标题。标题必须是单一命题——一个答案或一个张力,绝不能是由“和”连接的多个声明。
对于明确的交互式请求,先编写仅标题的故事板,并添加
Evidence、Main interaction、May change和Must not change。拒绝任何不能改善验证、洞察、行动、决策或证据检索的交互。参见references/interaction-selection.md。 - 从
references/visualization-patterns.md中选择可视化模式,从该文件顶部的比较类型门开始。结构模式(section_divider、agenda、bullet_list、closing、quote、end_cover、cover)是演示文稿的家具,而非论证——将它们用于幻灯片之间的连接组织(开场、定向、过渡、收尾),并将洞察驱动标题的纪律用于它们连接的内容幻灯片。 - 在
references/style-system.md中应用视觉系统,使用文档配置文件中的画布。按字词预算编写文案:当文本不适合时,削减文字或拆分幻灯片——绝不要缩小字号。 - 使用
references/prompt-templates.md生成结构化规范、图表即代码源或图像生成提示。 当环境允许运行脚本时,使用python3 scripts/render_slide_spec.py <spec.json>将支持的模式渲染为 SVG。二十二种模式可渲染(cover、section_divider、end_cover、agenda、bullet_list、closing、quote、waterfall、gap、before_after、time_series、benchmark_table、summary_strip、process_flow、funnel、heatmap、gantt、kpi_scorecard、two_by_two、scatter、distribution、small_multiples),仅在 16:9 画布上;所有其他模式和画布仅提供规范。cover、section_divider和end_cover为全出血海军蓝,并跳过页眉/页脚镶边;其他所有可渲染模式使用标准白色内容镶边。告诉用户他们将得到什么——绝不要暗示仅规范模式会渲染。规范示例在examples/render-specs/中。 - 根据
references/quality-rubric.md对输出进行评分。对于演示文稿,还要运行其演示文稿级标题检查。 在预期观看尺寸下检查每个渲染页面。仅通过测试或联系表不算完成。数值断言需要比例视觉证据:用条形表示量值,用完整模型线和门表示阈值,用贡献或反事实表示加性得分。不要用数字列表、等宽条带或孤立点来替代该证明。 对于交互式伴侣,验证场景,检查实时和声明的静态状态,运行作者审计,并保持每个未执行的手动/物理检查明确。参见references/interactive-accessibility.md和references/presenter-operation.md。 - 标记缺失数据、无法验证的声明、来源敏感的假设或商标敏感的措辞。
- 对于公共、高风险、跨职能或广泛受众的工作,运行
references/expert-review-loop.md以消除盲点、过度声明、术语、可访问性问题和文化假设。 - 对于精炼的执行工作,将草稿通过
references/iterative-review-loop.md运行,直至达到停止标准。
输出契约
返回一个简洁的交付物,包含:
Strategic question(战略问题,或非战略文档的读者关键问题)Insight headline(洞察标题)Recommended visualization(推荐可视化)Slide spec(幻灯片规范,或与文档配置文件匹配的图表、页面或图表规范)Data and assumptions(数据和假设)Quality check(质量检查)Expert review notes(专家审阅备注),当输出为公共、高风险、跨职能或广泛受众时
当用户请求批量、演示文稿或多图表文档时,为每个视觉重复契约,并添加一个简短的流程摘要,解释视觉如何构建论证。
参考驱动复现
当用户请求特定公司的风格或提供参考时,在选择主题之前阅读 references/reference-reproduction.md。查阅 references/consulting-reference-evidence.json 并检查特定源页面。记录几何、层次、图表编码、备注和偏差。明确选择演示文稿、分析预读或阅读文档。不要仅凭颜色预设声称精确保真。已完成的示例在 templates/reference-layouts/ 中。
默认视觉标准
-
对于商业演示请求,在整套演示中一致地优先使用
"theme": "executive":无衬线标题、中性比较标记和用于主要结果的海军蓝。在指标驱动的摘要中,仅对单个决策关键列使用focus_block。对于图表,将执行流程保持在五步以内,并带有可选的负责人/持续时间字段,优先级矩阵保持在六个编号选项以内;将更密集的内容拆分到多个幻灯片。参见references/style-system.md了解支持的选项;当用户请求衬线样式时保留classic。 -
幻灯片渲染为 16:9。支持的图表/图表模式也使用
--exhibit渲染紧凑文档展品;任意画布仍仅提供规范。HTML 报告支持 A4 简报/编辑布局,带有可编辑的标题和来源。可选的scripts/build_briefing_docx.cjs创建可编辑的 A4 Word 简报,需要 Node 包docx和sharp。 -
白色内容幻灯片,黑色文字,单一海军蓝强调色(
#15296B),以及灰色层次。 -
海军蓝全出血幻灯片仅用于开场演示文稿(
cover)、开启章节(section_divider)或收尾演示文稿(end_cover)——绝不用于内容幻灯片。 -
Classic 使用衬线标题;executive 和分析内容使用无衬线标题。参考驱动的请求优先于这些默认值。
-
高信息密度,层次清晰;无装饰性杂乱。
-
所有数字必须可见、格式一致,并与用户的数据或引用的假设相关联。
-
保持行动标题自包含;省略仅重述标题的副标题。保持固定标题基线和展品前的清晰间距。
-
演示正文文案使用 26px,主要展品标签在 1280 × 720 画布上使用 22px。在减小这些尺寸之前,减少内容或拆分页面。
-
交互式桌面幻灯片是一个组合:展品、输入和决策在 1280 × 720 和 1440 × 900 下同时可见。在视觉上隐藏冗余的语义副本,同时保留可访问的等价物。窄屏幕会重排;绝不要将整个界面缩小为不可读的文字。
-
根据论证选择控件放置,而非固定的仪表板模板。对于小型场景比较,保留参考状态在变化状态旁边,并将选择器放在比较附近。排名桥接编码序数位置;直接标记分数,而不是暗示其斜率衡量分数变化。强调改变决策的项目,并保持支持性操作在视觉上次要。
-
检查演示文稿中的决策序列。门控行动不能先于其审查,而“今天批准”不得与后续条件决策冲突。
市场安全
本技能不隶属于、未得到 McKinsey & Company、Boston Consulting Group、Bain & Company 或任何其他咨询公司的认可或赞助。除非用户特别要求比较风格参考,否则在面向用户的输出中使用类别语言,如“战略咨询可视化”。
不要编造客户名称、机密标签、基准数据或来源引用。如果视觉依赖于不确定或缺失的数据,在 Data and assumptions 中明确标记假设。
参考文件
-
references/motion-story.md用于故事驱动的动效演示构建器、六个组件契约、整套演示导航和直接证据访问。 -
references/consulting-design-study.md用于六公司页面级设计研究。 -
references/reference-reproduction.md用于测量复现、支持路径和保真度审查。 -
references/persona-playbook.md用于基于角色的入口点(销售、营销、产品、PMO、HR、工程、研究、财务、执行),带有提示和示例规范。 -
references/input-triage.md用于将任何输入——数字、散文、流程、想法——映射到模式家族。 -
references/document-type-profiles.md用于使格式、密度和语气适应幻灯片、报告、提案、培训材料、技术文档和信息图。 -
references/visualization-patterns.md用于模式选择和用例。 -
references/style-system.md用于调色板、排版、间距和布局规则。 -
references/prompt-templates.md用于幻灯片规范和图像生成提示。 -
references/quality-rubric.md用于最终评分和市场质量检查。 -
references/expert-review-loop.md用于挑战假设、过度声明、可访问性、本地化和受众契合风险。 -
references/public-reference-corpus.md用于研究而不复制的公共执行报告来源。 -
references/iterative-review-loop.md用于草稿、审查、修订和评分循环。 -
references/interaction-selection.md用于经典/动画/交互式路由边界和静态优先删除门。 -
references/interactive-scene-schema.md用于六个场景、模型/控件/视图矩阵、精确值、血统和构建命令。 -
references/interactive-accessibility.md用于语义、焦点、紧凑、打印、自动化与手动审查义务。 -
references/presenter-operation.md用于实时控件、演示、安全链接、离线使用、打印和物理设备检查清单。 -
templates/decks/和scripts/scaffold_deck.py用于现成的演示文稿原型(--list查看所有六个)。 -
templates/reports/和scripts/build_html_report.py用于带有编号展品的 Markdown 到报告文档。 -
scripts/build_speaker_script.py用于从演示文稿notes字段构建的打印优先、每页一张幻灯片的讲台脚本。 -
scripts/build_html_article.py用于将同一演示文稿自上而下作为单一网页文章阅读,逐张幻灯片及其notes作为散文。
HTML 到 PDF
图表使用 JSON,叙述使用 Markdown。生成 HTML,在浏览器中审阅,并将同一 HTML 导出为 PDF。HTML 是主要布局制品;Word 是可选的单独导出。报告使用 A4 打印样式;演示文稿每页一张 16:9 幻灯片。
python3 -m pip install playwright
python3 scripts/build_html_report.py templates/reference-layouts/decision-brief.md -o brief.html
python3 scripts/export_pdf.py brief.html -o brief.pdf
python3 scripts/export_pdf.py examples/demo-deck.html -o deck.pdf
PDF 导出需要安装 Google Chrome 或 Chromium(--browser /path/to/browser 用于自定义可执行文件)。SVG 和 HTML 生成仍仅使用 Python 标准库。或者,打开生成的 HTML,选择另存为 PDF,并选择浏览器的 PDF 目标。更改内容后检查每一页;较长的报告可能需要有意的分页。