✓ Verified 💻 Development ✓ Enhanced Data

Report Generator

Generates a structured report HTML based on a specific template.

Rating: 4.2 (405 reviews)
Downloads: 13,727 downloads
Version: 1.0.0

Overview

Generates a structured report HTML based on a specific template.

Complete Documentation

View Source →

Report Generator Skill

This skill generates a beautifully formatted HTML report based on a clean, minimal business template style (Light & Concise).

Capabilities

Refine Content: Structures raw text into a 4-quadrant format (Goal, Q1-Q4 details, Summary).
Generate HTML: Creates a responsive HTML file.
Screenshot: (Instruction) Guides the agent to convert the HTML to an image using the browser tool.

Usage

1. Prepare Data

You need to extract the following information from the user's input:

title: Report Title
goal: One-sentence goal (Top section)
q1 to q4: Four main sections, each containing:
title: Short title (e.g., "稳交付")
subtitle: Explanatory subtitle
slogan: Catchy slogan
items: List of bullet points (Array of strings)
summary: Array of 4 keywords for the bottom summary

2. Run Generation Script

Execute the python script with the JSON data:

bash

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

3. Convert to Image (Agent Action)

After the script returns the html_path, use the browser tool to screenshot it:

Open the file: file://
Take a screenshot of the full page.

Example Data Structure

json

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

Installation

Terminal bash


openclaw install report-generator

Copied!

💻Code Examples

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

python3-scriptsgeneratepy---output-workspacereports---data-title--.txt

### 3. Convert to Image (Agent Action)

After the script returns the `html_path`, use the **browser** tool to screenshot it:

1. Open the file: `file://<html_path>`
2. Take a screenshot of the full page.

## Example Data Structure

example.json

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