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

Generates a structured report HTML based on a specific template. Invoke when user wants to create a report, slide, or summary card from raw content.

Juguangyuan

@juguangyuan520-dotcom

Install

$ openclaw skills install @juguangyuan520-dotcom/report-generator

Report Generator Skill

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

Capabilities

  1. Refine Content: Structures raw text into a 4-quadrant format (Goal, Q1-Q4 details, Summary).
  2. Generate HTML: Creates a responsive HTML file.
  3. 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:

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:

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

Example Data Structure

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

Related skills

WordPress Publisher Skill

@asif2bd

Publish content directly to WordPress sites via REST API with full Gutenberg block support. Create and publish posts/pages, auto-load and select categories from website, generate SEO-optimized tags, preview articles before publishing, and generate Gutenberg blocks for tables, images, lists, and rich formatting. Use when user wants to publish to WordPress, post to blog, create WordPress article, update WordPress post, or convert markdown to Gutenberg blocks.

115.2k

Edge TTS

@i3130002

Text-to-speech conversion using node-edge-tts npm package for generating audio from text. Supports multiple voices, languages, speed adjustment, pitch control, and subtitle generation. Use when: (1) User requests audio/voice output with the "tts" trigger or keyword. (2) Content needs to be spoken rather than read (multitasking, accessibility, driving, cooking). (3) User wants a specific voice, speed, pitch, or format for TTS output.

3322k

paper-report

@nuaalixu

Convert academic papers into structured Chinese reading reports with original figures. Supports arXiv HTML and local PDF inputs. For arXiv links, HTML mode is preferred for textual accuracy. Use when the user asks to summarize, read, analyze, or create a reading report for an academic paper.

01.0k

Baidu Wenku AIPPT

@ide-rea

Generate PPT with Baidu Wenku AI. Smart template selection based on content.

5632k

Docuseal

@alexbturchyn

Manage DocuSeal e-signature workflows from the terminal via the DocuSeal CLI - create templates from PDF/DOCX/HTML, send documents for signing, track submissions, and update submitters. Use when the user wants to run DocuSeal commands in the shell, scripts, or CI/CD pipelines. Always load this skill

0933

Desktop Control (Windows)

@lexylent

Control desktop applications on Windows — launch, close, focus, resize, move windows, simulate keyboard/mouse input, manage processes, control VSCode, read clipboard, and capture screen info. Use when the user wants to interact with any running program, switch windows, type text, press shortcuts, open files in VSCode, manage running processes, or get system display information.

1214k