Post Creator for Openclaw

A professional design skill for generating self-contained, high-resolution HTML posters with built-in export capabilities.

tobewin
v1.6.3
Mar 23, 2026
1
1k
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install post-creator

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install post-creator 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 Post Creator?

The post-creator is a specialized tool within the Openclaw Skills ecosystem designed for developers and marketers who need to generate stunning visual assets using web technologies. It transforms text requirements into fully responsive, self-contained HTML files with embedded CSS, ensuring that every design is portable and easy to render.

By leveraging the power of modern CSS and the html2canvas library, this skill allows users to create posters that are not only visually impactful but also technically robust. It prioritizes massive typography, high-contrast color schemes, and structured layouts to ensure that the final output grabs attention within seconds, making it an essential addition to any Openclaw Skills collection.

Post Creator Use Cases

  • Creating event flyers for conferences, concerts, or local exhibitions.
  • Designing high-impact social media assets for Instagram, WeChat, or LinkedIn.
  • Generating promotional banners for product launches and seasonal sales.
  • Crafting bilingual announcements for international teams or audiences.
  • Building quick digital signage for retail or office environments.

How Post Creator Works

  1. The user provides a prompt detailing the purpose, content, and desired style of the poster.
  2. The skill analyzes the requirements and selects an optimal layout, dimension (e.g., 2:3, 9:16, or 1:1), and color palette.
  3. A complete HTML5 document is generated, featuring inline CSS for all styling and Google Fonts for professional typography.
  4. The skill embeds a specialized export script using html2canvas to allow for one-click image downloads.
  5. The final .html file is saved to the local directory, ready to be opened in any modern web browser for immediate use or export.

Post Creator Setup

To use this skill within your environment, ensure you have the Openclaw Skills framework configured. You can initialize the post-creator by adding it to your agent's capability list:

# No manual installation required if using Openclaw-compatible agents.
# Simply ensure the skill definition is in your skills directory.

Ensure your browser has internet access to load required CDN assets like Google Fonts and html2canvas.

Post Creator Data Schema & Taxonomy

The skill produces a standardized HTML output with a specific internal structure to ensure high-quality exports:

Element Requirement Description
Container #poster The main wrapper for all visual content; required for the export function.
Export Bar .export-bar A fixed UI element containing the 'Export Image' button.
Dimensions Variable Defaults to 1080px width with aspect ratios like 2:3 or 9:16.
Assets CDN-linked Uses external JS for rendering and external CSS for fonts.

Post Creator Advanced Features

  • Multi-style support including Modern, Minimalist, Retro, Chinese Traditional, and Tech aesthetics.
  • Built-in 2x scaling for high-resolution PNG/JPEG exports suitable for printing.
  • Smart bilingual rendering for simultaneous Chinese and English content support.
  • Automated layout balancing that prevents excessive whitespace and ensures content density.
  • Custom dimension overrides for non-standard platform requirements.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*