SHILIU · 创作资源
数据分析到HTML报告与PPT制作流程 · 创作技能
覆盖Excel数据读取、分析洞察、HTML可视化报告与HTML转PPTX的端到端流程，附设计系统、五种报告风格、模板与自检清单。依赖Node与Python包，需先确认环境；脚本未运行验证，产出数据须来自用户材料。
这个技能解决什么问题
覆盖Excel数据读取、分析洞察、HTML可视化报告与HTML转PPTX的端到端流程，附设计系统、五种报告风格、模板与自检清单。依赖Node与Python包，需先确认环境；脚本未运行验证，产出数据须来自用户材料。
适用任务
读取用户提供的Excel或表格数据，完成分析与结论，按选定风格生成交互式HTML报告；用户明确要求幻灯片时，再将HTML页面转换为PPTX。
需要的输入
原始数据文件（Excel/CSV）及字段含义说明；分析目的与受众；报告或PPT的页数与风格偏好；品牌色或模板要求（可选）；可核实的指标口径与数据来源。
交付内容
分析结论摘要（核心结论、数据支撑、风险、建议）；HTML报告文件（内联图表、可离线打开）；按需生成的PPTX；数据口径与来源说明；自检记录（图表基线、字号、视觉一致性）。
任务示例
附件是某产品三个月的投放明细，字段有日期、渠道、花费、曝光、点击、转化。请做一次投放复盘：先说明各字段口径确认点，再输出核心结论和三条建议，生成一份HTML报告，风格你从风格库里选一种并告知我。暂时不需要PPT。
输出示例
【交付结构示意，非真实分析结果】一、口径确认与待确认字段清单；二、核心结论与数据支撑（表格占位，数值来自用户文件）；三、异常与风险；四、可执行建议三条；五、report.html（内联图表、离线可开）；六、自检记录：Y轴基线、辅助字号、风格一致性逐项勾选。
来源与使用
作者 花叔 · alchaincyf；许可 MIT。已核对来源与包结构，未据此宣称完成运行实测。
机器可读详情 · 读取 SKILL.md · 下载完整技能包
技能说明全文
--- name: huashu-data-pro description: | 数据分析与办公提效全能助手。覆盖数据处理、分析洞察、报告撰写、PPT制作、数据可视化的端到端工作流。 始终从专家视角出发，帮用户多想一步。遇到不确定的问题主动与用户确认。 支持：Excel数据分析、投放数据复盘、ROI测算、数据可视化、报告生成、PPT制作、公式生成。 当用户提到"分析数据"、"做报告"、"做PPT"、"Excel"、"投放分析"、"ROI"、"复盘"、 "周报"、"月报"、"数据处理"、"图表"、"可视化"、"汇报"、"表格"、"公式"时使用此技能。 --- # 数据分析与办公提效助手 > 帮用户多想一步——不只完成任务，更提供专家洞察。 ## 核心哲学 1. **先理解，后执行** — 拿到任务先问「用户真正需要什么」 2. **专家视角** — 从最合适的角色出发（分析师/投放优化师/设计师/写作专家） 3. **多想一步** — 完成后主动指出用户可能没注意到的问题、趋势或机会 4. **数据诚实** — 绝不编造数据，图表不误导（零基线、绝对比例、标注来源） 5. **视觉品质** — 所有可视化遵循经验证的设计系统，不做丑图 ## 输出格式决策 拿到数据呈现需求时，**先判断格式**： | 用户意图 | 输出格式 | 何时用 | |---------|---------|-------| | 分析/报告/可视化 | **交互式HTML报告** | 默认选择。ECharts交互图表+分析+PDF导出 | | 做PPT/幻灯片 | **HTML→PPTX** | 仅用户明确要求时 | | 快速看数字 | **终端+Markdown** | 探索性分析，不需要视觉包装 | ## 设计哲学 ### 我们追求什么 **温暖专业感** — 不冷冰冰的科技蓝，不花哨的赛博霓虹。暖色调（奶油、珊瑚、暗金）传递专业但有温度的感觉，像一本设计精良的杂志。 **信息优先** — 设计服务于数据。每个视觉元素都必须帮助理解数据，而非装饰。标题是结论而非描述，颜色有语义（红=问题，绿=健康，灰=参考），只标注关键数据点。 **10米可读** — 为投影/培训场景设计。标题占幅面15-30%，辅助文字≥10pt，表格有斑马纹防串行，排名从大到小。 **数据不说谎** — 柱状图Y轴从0开始（除非明确标注），条形图用绝对比例，极小值有最小宽度保护，堆叠图<3%合并为「其他」。 ### 我们避免什么 - 赛博霓虹/深蓝底(#0D1117)/紫色底/纯黑纯白 - CDN依赖（Playwright离线截图白屏）— 图表一律纯SVG或内联JS - CSS absolute定位数据点（精度不足导致重叠）— 用SVG精确坐标 - 同系列报告的视觉不一致（padding/字体/背景色混用） - flex:1撑满容器但内容只占40%（大面积空白） - 金色(#FFD700)在白底做文字（对比度不足，用暗金#D4A017） ### 风格选择 **PPT/幻灯片风格**（用于slide制作）： | 场景 | 推荐风格 | 关键词 | |------|---------|-------| | 数据汇报/培训演示 | Neo-Brutalism | 粗边框、色块分区、超大字、偏移阴影 | | 客户方案/外部汇报 | Warm Narrative | 圆角卡片、暖色温和、留白多 | | 快速内部分享 | 极简专业 | 浅灰底、线条细、信息克制 | PPT风格的具体参数 → `references/visual-design-system.md` **数据报告风格**（用于HTML可视化报告）： 用户未指定风格时，**从以下5种中随机选择**，让每次产出都有新鲜感。选择后简短告知用户。 | 风格 | 标志元素 | 最适场景 | |------|---------|---------| | Financial Times | 三文鱼粉底 + 4px蓝色顶线 + 衬线标题 | 金融分析、叙事报告 | | McKinsey Consulting | 深蓝Header + Exhibit编号 + 结论式标题 | 战略分析、框架评估 | | The Economist | 红色thin bar + editorial标题 + 杂志密度 | 行业洞察、观点报告 | | Goldman Sachs | Rating徽章 + 金色强调 + 密集表格 | 财务建模、估值报告 | | Swiss / NZZ | 黑白灰红 + 72px大字 + 极端字号对比 | 数据展示、设计感报告 | 报告风格的完整规范（色值/字体/布局/ECharts配置） → `references/report-style-gallery.md` ### 生成后自检 生成HTML报告/图表后，过一遍： 1. 图表是否纯SVG/内联JS？（CDN = 截图白屏） 2. SVG标注是否在viewBox内？（越界 = 被裁剪） 3. 辅助文字是否≥10pt？（小于 = 投影不可读） 4. 同系列视觉是否统一？（padding/字体/背景色） 5. 数据是否诚实？（基线/比例/极小值保护） ## 分析哲学 ### 报告写作 - **结论先行** — 先说好还是不好，再说为什么 - **数据说话** — 每个观点有数据支撑 - **具体可执行** — 建议能直接执行，不说「需要进一步研究」 - **不说废话** — 删掉「总而言之」「需要指出的是」 - 使用「」引号 ### 分析输出结构 ``` 核心结论（1-3句，管理层看这段就够了） → 数据支撑（具体数字、对比、趋势） → 异常/风险 → 可执行建议（3-5条，按优先级） → 下一步（多想一步：还能深挖什么） ``` ### 不确定时必须问 - 数据字段含义不明 → 错误理解字段导致整个分析偏了 - 分析维度选择 → 不同维度得出不同结论 - 报告受众不明 → CEO和执行层需要的详略完全不同 - 涉及业务判断 → AI不了解业务上下文 ## 工具与脚本 ### 内置脚本 | 脚本 | 用途 | |------|------| | `scripts/html2pptx.js` | HTML幻灯片→PPTX转换引擎 | | `scripts/build_pptx.js` | 多页HTML→单个PPTX | | `scripts/read_excel.py` | Excel读取（markdown/csv/json输出） | | `scripts/read_pptx.py` | PPTX结构读取 | ### 依赖 PPT制作需要：`pptxgenjs`, `playwright`, `sharp`（Node.js） Excel分析需要：`pandas`, `openpyxl`（Python） 缺失时自动安装，不让用户手动处理。 ### 截图 ```bash npx playwright screenshot "file:///path/to/file.html" output.png \ --viewport-size=1200,675 --wait-for-timeout=2000 ``` ## 参考文件索引 | 需要什么 | 去哪找 | |---------|-------| | PPT风格参数、色值、CSS模板 | `references/visual-design-system.md` | | 数据报告风格库（FT/McKinsey/Economist/GS/Swiss） | `references/report-style-gallery.md` | | HTML可视化模板（KPI看板/表格/图表/诊断卡/流程图） | `references/html-templates.md` | | 详细工作流（数据分析/Excel/报告/HTML报告/PPT制作） | `references/workflows.md` | | 投放/广告分析领域知识（ROI公式/维度/法则） | `references/ad-analytics.md` | | 18种经验证的视觉风格库 | `~/.claude/skills/image-to-slides/references/proven-styles-gallery.md` | | 20种设计哲学参考 | `design-philosophy` skill | --- > **花叔出品** | AI Native Coder · 独立开发者 > 公众号「花叔」| 30万+粉丝 | AI工具与效率提升 > 代表作：小猫补光灯（AppStore付费榜Top1）·《一本书玩转DeepSeek》
技能是任务材料，不会自动授予账户权限、付费授权或其他系统权限。请让 Agent 按说明核对依赖，再在授权范围内使用。