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-generatorReport 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 subtitleslogan: Catchy sloganitems: 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:
- Open the file:
file://<html_path> - 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
@asif2bdPublish 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.
Edge TTS
@i3130002Text-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.
paper-report
@nuaalixuConvert 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.
Baidu Wenku AIPPT
@ide-reaGenerate PPT with Baidu Wenku AI. Smart template selection based on content.
Docuseal
@alexbturchynManage 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
Desktop Control (Windows)
@lexylentControl 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.