用友 YonSuite HTML 报告生成

要解决的问题

数据团队常把分析结果直接贴进 HTML，结果字号混乱、配色随意、表格不可滚动、图标与品牌位不统一，也不适合做面向业务方的单页报告或横向翻页介绍页。这个技能把「用友 YonSuite 风格」的 HTML 展示约束固化下来，让报告从临时页面变成可复用模板。

它如何工作

技能围绕数据分析报告、数据看板和 PPT 翻页 Deck 提供生成规范：先确定单页滚动或 1920×1080 全屏翻页画布，再按 KPI 卡片 → 图表 → 明细表 组织信息。内容强调 #E60012 品牌红只用于重点、占比不超过 20%，正文与图表以灰白为主，并固定左上角 Logo、右下角品牌位等位置。图表建议每行两个，明细表支持 sticky 表头、独立滚动、列宽固定与拖拽，图标使用 Lucide inline SVG。发布前会按字体、配色、布局、表格滚动、图标渲染等 checklist 自检。

适用边界

适合需要输出白底品牌风 HTML 报表、监控看板或技能介绍 Deck 的场景；不适合纯文本长文档、深色大屏或无品牌要求的一次性页面。生成时应以结构化 JSON 驱动数据，避免手工粘贴明细；若使用 PPT 模式，需严格保留五个固定 UI 元素与翻页规则。