Generate responsive HTML pages suitable for reporting, supporting resizing and screenshot capture.
根据指定模板生成结构化报告 HTML，适用于用户需要从原始内容创建报告、幻灯片或摘要卡片时调用。
报告生成器 技能 : 此技能生成一个基于干净、 最小商业模板样式的 优美格式化的 HTML 报告
功能概述
报告生成器 技能 : 此技能生成一个基于干净、 最小商业模板样式的 优美格式化的 HTML 报告是一项面向实际任务的技能，主要用于Capabilitys.；Refine Contents : structures offer。
核心要点
- 它将相关步骤、工具调用和结果整理方式集中到统一流程中，帮助使用者更快完成目标并减少重复操作。
- 使用时应结合输入条件选择合适的执行方式，核对必要参数、依赖环境与输出内容，并按原始要求处理异常情况。
- 该技能适合需要稳定复用相关能力的场景，可作为自动化工作流的一部分，也便于后续检查、调整和扩展。
使用与执行
从功能定位来看，该技能强调把分散的操作要求整理成清晰、可复用的处理流程，使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数，再依据技能说明逐步执行；
结果检查与注意事项
若输入条件不完整，应先补齐信息或采用保守配置，避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期，并对异常提示、缺失字段和边界情况进行处理；涉及批量任务时，还应保存进度，避免中断后重复操作。
Report Generator 技能
该技能基于简洁、轻量的商务模板风格（明亮 & 简洁），生成格式精美、结构清晰的 HTML 报告。
能力
- 内容精炼：将原始文本组织为四象限结构（目标、Q1–Q4 各项详情、总结）。
- HTML 生成：生成响应式 HTML 文件。
- 截图：（指令）引导 Agent 使用 browser 工具将 HTML 页面转为图像。
使用方法
1. 准备数据
需从用户输入中提取以下信息：
- title：报告标题
- goal：一句话目标（置于顶部区域）
- q1 至 q4：四个主模块，每个模块包含：
title：简短标题（例如：“稳交付”）subtitle：说明性副标题slogan：朗朗上口的口号items：项目符号列表（字符串数组）
- summary：底部总结区域的 4 个关键词（字符串数组）
2. 运行生成脚本
使用 JSON 数据执行 Python 脚本：
python3 scripts/generate.py --output "workspace/reports" --data '{"title": "...", ...}'
3. 转换为图像（Agent 操作）
脚本返回 html_path 后，使用 browser 工具对页面截图：
- 打开文件：
file:// - 截取整页视图。
示例数据结构
{
"title": "2024 Q3 述职报告",
"goal": "构建可规模化的非平台件能力体系",
"q1": {
"title": "稳交付",
"subtitle": "解决扛量问题",
"slogan": "保交付，争第一",
"items": ["保障核心需求上线", "降低事故概率"]
},
"q2": { ... },
"q3": { ... },
"q4": { ... },
"summary": ["稳定性", "增长", "效率", "反馈"]
}
相关专题
在网页制作中，HTML空格代码是实现文本排版的常用技巧。本合集详解多种空格写法：如 （不换行空格）、 （半角空格）、 （全角空格）等实体编码，及CSS控制空白的white-space属性。覆盖基础用法、场景差异与注意事项，助新手快速掌握不同空格效果的实现逻辑，轻松解决排版对齐难题，提升页面美观度与可读性。
2025.11.27
409
16
本合集聚焦“CSS嵌入HTML”核心技巧，为新手提供清晰指引。教程从基础讲起，详解行内样式（style属性）、内部样式表（<style>标签）与外部样式表（link引入）三种主流嵌入方式，对比其适用场景与优缺点。通过实例演示代码编写与效果呈现，助你快速掌握不同场景下的选择逻辑。内容简洁直观，零基础也能轻松上手，高效实现网页样式控制，开启前端美化第一步。
2025.11.27
288
8
HTML弹窗通过HTML、CSS和JavaScript实现，核心是创建默认隐藏的浮层元素并由交互触发显示。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
2025.10.20
307
9
通过JavaScript操作video元素的currentTime属性实现视频快进快退。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
2025.10.20
1315
8
热门下载
相关下载
精品课程
