SuperAPI AI 工具集

html-report-builder

前端与建站

查看项目

更新于 10-15 23:57

技能介绍

用途:把审计报告、绩效分析、战略文档等多章节内容做成独立 HTML 报告,再用浏览器打印为 PDF。适合交付物是报告而非幻灯片(幻灯片用 pro-deck-builder)。

安装:git clone https://github.com/thatrebeccarae/claude-marketing.git && cp -r claude-marketing/skills/html-report-builder ~/.claude/skills/

主要能力:内置设计系统与组件库。颜色令牌含深色封面(--bg-deep #141414 等)与浅色内容页(--bg-light #FAF7F2 暖米色,非白色),品牌绿 --accent #3D7A5C,语义色绿/琥珀/红仅用于状态。字体:标题用 Switzer(Light 300,48-64px,负字距),数字与数据用 Cartograph CF(商业字体,本地加载,回退 JetBrains Mono/Consolas)。组件包括 KPI 卡、数据表、提示框、建议卡、优先级横幅、分节线、列表。文档结构:深色封面 → 目录 → 摘要 → 发现(3-6 节)→ 建议 → 附录。

使用方式:先向用户确认报告类型、章节数、数据来源与保存路径;从 REFERENCE.md 读取 CSS 与 HTML 模式,用现有组件组合新组件,改 :root 中的 CSS 自定义属性调整设计令牌。导出 PDF:浏览器打开 → Cmd+P → 存为 PDF,边距设 None 并启用背景图形。

写作规则:先给数字再解释,每节一个洞察,指标须有基准,颜色只表性能含义,不用白底,标题不用粗体。

限制:Cartograph CF 为商业字体需自行获取;完整 CSS 框架与 HTML 模式见 REFERENCE.md;其余细节资料暂未提供。