A specialized tool that transforms structured text briefings into high-quality, mobile-optimized long images designed for social media sharing.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install briefing-visualizer
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install briefing-visualizer using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Briefing Visualizer?
Briefing Visualizer is a professional-grade automation utility within the Openclaw Skills ecosystem designed to bridge the gap between raw information and visual storytelling. It takes structured data—such as market reports, industry insights, or dynamic news—and renders it into a sleek, 390px wide HTML layout that is perfectly sized for mobile screens.
By leveraging a headless Chrome instance and Python-based image processing, this skill automates the entire design and export workflow. It ensures that your content is not just readable, but also aesthetically pleasing, using a warm professional color palette and clear typography that thrives on platforms like WeChat, Red (Xiaohongshu), and professional community groups.
Briefing Visualizer Use Cases
- Industry Reports: Sharing weekly updates for retail, food, or supply chain sectors.
- Market Analysis: Visualizing competitor dynamics and price trends for quick team consumption.
- Event Briefs: Promoting product launches or activity previews in a scannable format.
- Investment & Franchising: Presenting cooperation advantages and contact information to potential partners.
- News Summaries: Turning any structured list of titles and descriptions into a professional infographic.
How Briefing Visualizer Works
- Data Collection: The user provides structured text or allows the AI to crawl and extract relevant information.
- HTML Layout Generation: The skill generates a localized HTML file based on a 390px mobile-width template featuring warm tones and high-readability fonts.
- Headless Rendering: A headless Chrome browser renders the HTML and captures a high-resolution full-page screenshot.
- Post-Processing: A Python script uses the PIL library to identify background colors, crop excess white space, and stitch a custom brand banner to the bottom.
- Final Export: The system outputs a polished
weekly-final.jpgready for immediate distribution.
Briefing Visualizer Setup
To get started with this Openclaw Skills component, ensure you have Python 3 and a Chrome environment installed. Use the following command to process your briefing:
# Run the visualization script
python3 process_briefing.py <html_file_path> <footer_banner_path> <output_filename>
# Example usage:
python3 process_briefing.py briefing.html ./assets/banner.png weekly-final.jpg
Briefing Visualizer Data Schema & Taxonomy
The skill organizes data into a structured hierarchy to ensure consistent visual output. The following fields are required for a successful render:
| Field | Description | Example |
|---|---|---|
| Title | The main heading of the report | Industry Insights Weekly |
| Subtitle | Optional English or descriptive subtitle | Market Trends 2026 |
| Date | The reporting period | April Week 3 (4.14 - 4.20) |
| Content Items | A list of news objects including ID, title, text, and tags | See content format below |
Content Item Structure:
- ID: Numerical sequence (e.g., 01).
- Title: One-sentence core message.
- Body: 2-4 sentences detailing data or sources.
- Tags: Up to 3 predefined category tags (e.g., Supply Chain, Brand Building).
Briefing Visualizer Advanced Features
- Automated Brand Stitching: Automatically appends custom 100% width brand banners with aspect ratio preservation.
- Smart Cropping: Intelligent background detection to remove empty vertical space from the final image.
- Semantic Tagging: Pre-configured color schemes for different tags like Market Size (Orange-Red) or Supply Chain (Blue-Green).
- Headless Chrome Integration: High-fidelity rendering that mimics real mobile device displays without manual screenshots.
- Top Stats Cards: Highlights 3 key metrics at the top of the image for immediate impact.
SKILL.md
Loading
Related Openclaw Skills
n8n Workflow Automation
A specialized AI skill designed to generate production-ready n8n workflow JSON based on natural language descriptions.
Contract Rule Review
An automated assistant that uploads local contracts to AnyShare, performs rule-based reviews, and generates shareable audit reports.
Financial Services Skill Collection
A comprehensive 6-skill collection designed to automate professional financial analysis, modeling, and report generation within the Openclaw ecosystem.
Software Requirements Engineering
An enterprise-grade requirements engineering framework that transforms AI agents into professional business analysts and requirements managers.
Data Pipeline Toolkit
A specialized toolkit for building ETL data pipelines with integrated Cron scheduling support for automated data processing.
LLM Data Automation
A specialized skill for automatically generating production-ready Python and Pandas code using large language models.
Featured*
