mp-cover-generator_skill

Overview

This skill generates modern WeChat public account cover images from a user-provided theme and title. It produces a responsive 21:9 HTML cover with layered text and optionally converts the result to a high-quality PNG/JPG using Playwright. The visual style is cute, rounded, minimalist 3D illustration produced via a jimeng-mcp-server image generation step.

How this skill works

First, it calls jimeng-mcp-server to create a clean 21:9 3D illustration background (no text or borders) with the main visual elements positioned on the right 30–40% and a left 60–70% clean area for text. Next, it builds an HTML file that overlays date, two-line headline, and fixed author using absolute positioning and multi-layer text-shadow to simulate vivid stroked cartoon fonts. Optionally, Playwright captures the rendered HTML into a high-resolution PNG or JPEG.

When to use it

• Create WeChat/公众号 article covers
• Generate social media banner or header images
• Produce promo or announcement graphics with title and date
• Create consistent, branded covers in a 21:9 ratio
• When you need a cute, rounded 3D illustration background with strong left-side text area

Best practices

• Provide a clear theme keyword to guide the 3D illustration (e.g., AI, productivity, cooking).
• Keep titles concise so they fit two lines and remain readable at large sizes.
• Prefer recommended jimeng model (jimeng-3.1) and sample_strength ~0.6 for balanced creativity.
• Ensure jimeng-free-api-all Docker and JIMENG_API_KEY/URL are configured before generating images.
• Use Playwright conversion with scale=2 for high-quality PNG output and adjust width/height to maintain 21:9 ratio.

Example use cases

• Generate a cover for an AI article titled “Infinite Canvas” with toy-like 3D brain illustration on the right.
• Create a lifestyle newsletter header with stacked objects in 3D and bold two-line title on the left.
• Produce a promotional banner image (21:9) to share on social platforms with date and fixed author tag.
• Batch-produce consistent covers for a series by reusing theme prompts and the HTML template.