Generate responsive HTML pages suitable for reporting, supporting resizing and screenshot capture.
2026-03-31
新闻来源:网淘吧
围观:15
电脑广告
手机广告
报表生成器技能
此技能基于简洁、极简的商业模板风格(轻量且简明),生成格式精美的HTML报表。
功能
- 优化内容:将原始文本结构化,采用四象限格式(目标、Q1-Q4详情、总结)。
- 生成HTML:创建响应式HTML文件。
- 截图:(说明)指导代理使用浏览器工具将HTML转换为图像。
使用方法
1. 准备数据
您需要从用户输入中提取以下信息:

- 标题:报表标题
- 目标:一句话目标(顶部部分)
- q1至q4:四个主要部分,每个部分包含:
标题短标题(例如,“稳交付”)副标题: 解释性副标题口号: 朗朗上口的口号项目列表: 要点列表(字符串数组)
- 摘要: 底部摘要的4个关键词(数组)
2. 运行生成脚本
使用JSON数据执行Python脚本:
python3 scripts/generate.py --output "workspace/reports" --data '{"title": "...", ...}'
3. 转换为图像(代理操作)
脚本返回html_path后,使用浏览器工具进行截图:
- 打开文件:
file://<html_path> - 截取整个页面的截图。
示例数据结构
{
"title": "2024 Q3 述职报告",
"goal": "构建可规模化的非平台件能力体系",
"q1": {
"title": "稳交付",
"subtitle": "解决扛量问题",
"slogan": "保交付,争第一",
"items": ["保障核心需求上线", "降低事故概率"]
},
"q2": { ... },
"q3": { ... },
"q4": { ... },
"summary": ["稳定性", "增长", "效率", "反馈"]
}
文章底部电脑广告
手机广告位-内容正文底部
上一篇:A2A Market
下一篇:WHOOP


微信扫一扫,打赏作者吧~