skills.rest
wwwzhouhui
wwwzhouhuiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

公众号封面生成器

Generate 21:9 3D cartoon cover images for WeChat public accounts with HTML text overlays.

259|51|Updated Nov 12, 2025
Search Tags:#HTML#MCP#Playwright#generate#cover image#3D illustration
One-click install
npx skills add https://github.com/wwwzhouhui/skills_collection --skill -wwwzhouhui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: 公众号封面生成器
Source: https://github.com/wwwzhouhui/skills_collection/tree/main/mp-cover-generator
Command: npx skills add https://github.com/wwwzhouhui/skills_collection --skill -wwwzhouhui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) components.

What problem does it solve?

This Skill automates the creation of branded 21:9 WeChat public account cover images by generating 3D illustration baselines and overlaying title/date/author information into an HTML wrapper, saving time and ensuring visual consistency.

Core Features & Use Cases

  • Automated cover generation: Create consistent, high-quality 3D illustration based on a given theme and title.
  • HTML overlay workflow: Generate an HTML file with overlaid date, title, and author for easy web previews or client sharing.
  • Output versatility: Export to high-quality PNG/JPG images or HTML previews, suitable for social banners, article covers, and promotional graphics.
  • MCP-driven prompts: Uses jimeng-mcp-server to produce the background illustration following strict style rules (Pixar-like, rounded, 3D) and layout constraints.
  • Deterministic and repeatable results: The toolchain provides predictable outputs for content teams.

Quick Start

To generate a cover for a topic and title, provide a theme and title in Claude, then the Skill will return an HTML file and optionally PNG/JPG images. For instance, request: "生成公众号封面，主题：AI 技术，标题：即梦无限画布" and the Skill will generate the HTML and offer image exports.

Frequently Asked Questions about 公众号封面生成器

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate 21:9 WeChat public account cover images automatically?▼

To generate 21:9 WeChat public account cover images automatically, provide a theme and title to trigger 3D illustration generation via MCP, which then overlays text into an HTML wrapper and exports the final PNG or JPG using Playwright.

Can I use Playwright to export HTML cover overlays to PNG?▼

Yes, you can use Playwright to export HTML cover overlays to PNG. The Skill wraps your title, date, and author information in an HTML file and relies on Playwright to convert that HTML wrapper into high-quality image exports.

What is the best way to automate 3D illustration banner creation for articles?▼

The best way to automate 3D illustration banner creation for articles is using an MCP-driven prompt pipeline that generates Pixar-like rounded background illustrations and embeds themed text into a consistent HTML layout for social media publishing.

Do I need Node.js and jimeng-mcp-server to generate 3D cartoon covers?▼

Yes, you need Node.js and jimeng-mcp-server to generate 3D cartoon covers. The Skill relies on the jimeng-mcp-server dependency to produce the background illustration and requires Node.js to run the Playwright environment for HTML-to-image exports.

Does the HTML overlay workflow support customized text layering for social banners?▼

Yes, the HTML overlay workflow supports customized text layering for social banners. It generates an HTML file with overlaid date, title, and author information, allowing for easy web previews and deterministic text placement on promotional graphics.

Related Skills

Explore More Design & Creative Skills→
wwwzhouhuiwwwzhouhui
259

jimeng_mcp_skill

Generate images and videos from text and existing media via Jimeng MCP server.

Community
Advanced
bitwize-music-studiobitwize-music-studio
408

album-art-director

Translate album concepts into AI-generated art prompts with visual directions.

Official
Basic
renatoasserenatoasse
2.0k

image-creator

Render self-contained HTML/CSS templates into PNG images via Playwright.

Community
Advanced
LuminaVaultLuminaVault

ascii-art

Create ASCII art banners, message art, and image conversions via CLI tools and APIs.

Official
Intermediate