Skills · Community project

gbro-cover-design

Turns WeChat and Xiaohongshu articles into 3:4 vertical cover prompts through three rounds of questions about style, source material, and visual details.

650 StarsMITUpdated 1 months ago
01

Project overview

gbro-cover-design is an Agent Skill for creating 3:4 vertical covers for WeChat and Xiaohongshu content. Give it an article and it uses three short rounds of questions to confirm the style, headline, reference images, and visual details before producing a Chinese prompt for an external image model. It is useful when you want a repeatable cover workflow without writing every prompt from scratch.

Vertical cover example generated with gbro-cover-design for an article about three Skills
Public repository example showing a 3:4 cover for a multi-Skill topic.View repository image
02

Core capabilities

01

Three-round requirements flow

Separates style and headline, reference material, and visual details into short decisions that still produce a concrete brief.

02

Ten cover compositions

Includes ten templates such as dark gradients, minimal whitespace, contrast cards, poster collages, and portrait covers.

03

Reference image planning

Collects face photos, product images, and interface screenshots so an external image model can understand the source material.

04

Detailed prompt output

Produces a Chinese prompt with the 3:4 format, subject position, background, typography, colors, and safe-area requirements.

Vertical collage-animation cover example generated with gbro-cover-design
Public repository example combining a portrait, headline, and collage composition.View repository image
03

Installation and usage

Place the complete repository in your agent's Skills directory, then complete the first-run settings for face references and your preferred image model. After that, give the agent an article and answer the three rounds of questions to receive a ready-to-use cover prompt.

AI AGENT INSTALL

Let an AI Agent install it

Send this prompt to Codex, Claude Code, or another AI agent that can work with your local environment.

Help me install the Skill: gbro-cover-design
Project URL: https://github.com/pyang5166/gbro-cover-design

Read the README and SKILL.md first, identify the Skills directory used by the current agent, and install the complete repository instead of copying only SKILL.md. Complete the first-run configuration, then test it with a short article and confirm that it asks about cover style and headline, reference images, and visual details in sequence. Report the actual installation path, steps performed, and verification result. Ask before requesting additional permissions or overwriting existing files.
01Before you start
  • Git is installed
  • Your agent can load custom Skills
  • Prepare a clear face reference if consistent portraits are required
  • Prepare an external image model that accepts image prompts
02Copy the install command or configuration
git clone https://github.com/pyang5166/gbro-cover-design.git ~/.claude/skills/gbro-cover-design
03Complete the setup steps
  1. 1
    Clone the complete repository

    Run the git clone command from the README and place the complete directory in the host's Skills folder. Do not copy only SKILL.md.

  2. 2
    Complete first-run configuration

    Choose whether to use a fixed face reference and identify the image model you normally use. The settings are stored in config.md.

  3. 3
    Send the article and answer three rounds

    Give the article to the agent, then confirm the cover style and headline, reference material, and visual details.

  4. 4
    Generate the image and review the text

    Send the resulting prompt and reference images to an external image model. Check Chinese typography, face consistency, and cropping before publishing.

How to verify the setup

After installation, send a short article to the agent and request a cover prompt. The Skill is loaded correctly if it asks about style and headline, reference images, and visual details in sequence, then returns a Chinese prompt for a 3:4 vertical cover.

Before using it
  • Keep the complete repository because references contains the templates and examples.
  • The Skill produces prompts and does not call an image model directly.
  • Review Chinese text in the final image manually.
04

Use cases

SCENARIO 01

WeChat article covers

Extract a concise headline from a long article and choose a vertical composition that fits its information density and tone.

SCENARIO 02

Xiaohongshu cover images

Quickly establish hierarchy and subject placement when the first image needs a strong headline, person, or product.

SCENARIO 03

Tool tutorials and product reviews

Organize software screenshots, product images, and portraits into one detailed cover prompt.

SCENARIO 04

Personal brand portrait covers

Reuse a fixed face reference with an image model that supports multiple references to improve visual consistency.

05

Assessment

The README, SKILL.md, and ten style-template paths show a practical workflow: three short rounds of questions still lead to concrete choices about composition, source material, and typography. The project offers a clear prompt workflow rather than a complete image service, so output quality still depends on the external model, reference images, and final manual review.

Why it may be useful

  • The three-round flow is easy to follow and makes the required inputs clear.
  • Ten templates cover common editorial cover patterns without overwhelming the user.
  • The project is not tied to one image service and does not require an API key.

What to know first

  • It does not create images directly, so an external image tool is still required.
  • Image models often render Chinese headlines incorrectly and require manual review.
  • Face consistency depends heavily on the chosen model and reference quality.
06

README

gbro-cover-design


Overview

Turns WeChat and Xiaohongshu articles into 3:4 vertical cover prompts through three rounds of questions about style, source material, and visual details. A cover prompt generation Skill for WeChat and Xiaohongshu with ten styles, a three-round question flow, and reference-image support.

Getting started

  • Place the complete repository in your agent's Skills directory, then complete the first-run settings for face references and your preferred image model. After that, give the agent an article and answer the three rounds of questions to receive a ready-to-use cover prompt.
  • The project focuses on 3:4 vertical covers for WeChat and Xiaohongshu. Ten composition templates and a public example index help the agent recommend an appropriate style.
  • The workflow has three rounds: confirm style and headline, collect face or product references, then choose expression, background, typography, and color. The Skill combines those answers into a Chinese image prompt.
  • After installation, send a short article to the agent and request a cover prompt. The Skill is loaded correctly if it asks about style and headline, reference images, and visual details in sequence, then returns a Chinese prompt for a 3:4 vertical cover.

Configuration

git clone https://github.com/pyang5166/gbro-cover-design.git ~/.claude/skills/gbro-cover-design
Read the complete README on GitHub