Generate responsive HTML pages suitable for reporting, supporting resizing and screenshot capture.技能使用说明

subsun 3周前 (03-31) openclaw小龙虾 52 0

报表生成器技能

此技能基于简洁、极简的商业模板风格(轻量且简明),生成格式精美的HTML报表。

功能

  1. 优化内容:将原始文本结构化,采用四象限格式(目标、Q1-Q4详情、总结)。
  2. 生成HTML:创建响应式HTML文件。
  3. 截图:(说明)指导代理使用浏览器工具将HTML转换为图像。

使用方法

1. 准备数据

您需要从用户输入中提取以下信息:

Generate responsive HTML pages suitable for reporting, supporting resizing and screenshot capture.

  • 标题:报表标题
  • 目标:一句话目标(顶部部分)
  • q1q4:四个主要部分,每个部分包含:
    • 标题短标题(例如,“稳交付”)
    • 副标题: 解释性副标题
    • 口号: 朗朗上口的口号
    • 项目列表: 要点列表(字符串数组)
  • 摘要: 底部摘要的4个关键词(数组)

2. 运行生成脚本

使用JSON数据执行Python脚本:

python3 scripts/generate.py --output "workspace/reports" --data '{"title": "...", ...}'

3. 转换为图像(代理操作)

脚本返回html_path后,使用浏览器工具进行截图:

  1. 打开文件:file://<html_path>
  2. 截取整个页面的截图。

示例数据结构

{
  "title": "2024 Q3 述职报告",
  "goal": "构建可规模化的非平台件能力体系",
  "q1": {
    "title": "稳交付",
    "subtitle": "解决扛量问题",
    "slogan": "保交付,争第一",
    "items": ["保障核心需求上线", "降低事故概率"]
  },
  "q2": { ... },
  "q3": { ... },
  "q4": { ... },
  "summary": ["稳定性", "增长", "效率", "反馈"]
}

免责申明
部分文章来自各大搜索引擎,如有侵权,请与我联系删除。
打赏

相关推荐

网友评论

  • (*)

最新评论

用户管理

您好,欢迎到访网站!
    用户注册

上网淘巴领天猫淘宝优惠券,一年省好几千。

广告  ×

您是本站第817270名访客 今日有0篇新文章/评论