huashu-wechat-image

Generate WeChat article cover images and infographics via AI or HTML rendering.

Updated May 5, 2025
One-click install
npx skills add https://github.com/yopitek/Obsidian --skill huashu-wechat-image-yopitek
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: huashu-wechat-image
Source: https://github.com/yopitek/Obsidian/tree/main/HQ/10_resources/01_AI_Skills/huashu-skills-master/huashu-wechat-image
Command: npx skills add https://github.com/yopitek/Obsidian --skill huashu-wechat-image-yopitek

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires google-genai, Pillow, and includes scripts (resource) and references (resource) components.

What problem does it solve?

为微信公众号文章生成高质量配图。提供封面图(2.35:1)、正文插图(16:9/4:3)、信息图的完整工作流。提供两条路径:AI生成(视觉创意型)和HTML渲染(文字精确型)。在用户提到"公众号配图"、"公众号封面"、"文章配图"、"正文插图"、"公众号图片"时使用此技能。

Core Features & Use Cases

  • AI生成封面与正文插图,快速获得高质量视觉素材。
  • HTML渲染信息图实现文字精确、可控排版,适合数据密集内容。
  • 统一风格与深色模式兼容,确保跨渠道发布的一致性。

Quick Start

Provide a brief article context and confirm your preferred image path (AI-generated cover and body images or HTML-rendered infographics), then I will generate the visuals.

Frequently Asked Questions about huashu-wechat-image

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

FAQPage Schema
How do I generate WeChat Official Account article visuals automatically?

To generate WeChat Official Account article visuals, provide a brief article context and choose between an AI-generated image path for creative assets or an HTML-rendered path for precise text infographics. The system then outputs the configured cover and body images.

What is the best way to create infographics with precise text for WeChat articles?

The best way to create infographics with precise text is using the HTML-rendering execution path. This approach provides controllable typography and layout, making it ideal for data-intensive WeChat article content compared to standard AI generation.

Does this workflow support different aspect ratios for WeChat cover and body images?

Yes, the workflow supports multiple aspect ratios for WeChat images. It specifically outputs cover images at 2.35:1 and body illustrations at 16:9 or 4:3, ensuring all generated assets meet standard WeChat Official Account formatting requirements.

Can I use AI generation to ensure consistent styling and dark mode compatibility for my WeChat images?

Yes, you can use the AI generation path to ensure consistent styling and dark mode compatibility. The workflow applies unified styles and color accessibility checks, ensuring visual consistency across all generated WeChat cover and body images.

How do I export data graphics for WeChat articles without misaligned text?

To export data graphics without misaligned text, use the HTML-rendered infographic path rather than AI generation. This method renders precise, controllable layouts and exports templated visual assets directly suited for data-heavy WeChat articles.