# Blog Cover Poster

Turn a blog post, article, notes, or any source material into a set of vertical poster...

- Repository: https://github.com/digoal/blog (8605 stars)
- Category: Design
- License: GPL-2.0
- Last updated: 2026-11-01
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add digoal/blog --skill blog-cover-poster -g -a claude-code -y`
Codex: `npx skills add digoal/blog --skill blog-cover-poster -g -a codex -y`
Cursor: `npx skills add digoal/blog --skill blog-cover-poster -g -a cursor -y`
Gemini CLI: `npx skills add digoal/blog --skill blog-cover-poster -g -a gemini-cli -y`

## Description

Turn a blog post, article, notes, or any source material into a set of vertical poster images, one cover plus several coherent content slides that explain the core points. Renders HTML/CSS to exact-size PNGs via headless Chrome. Use whenever the user wants cover art, 讲解图/配图, carousel slides, 封面图, poster series, or "content images" from an article/文章/素材/文件, especially for blog, 公众号, 小红书, or social posts. Default output is 1080×1920 PNG named 1.png (cover), 2.png, 3.png … written to the current working directory (the project the user is in), never the source file's directory.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Blog Cover Poster

## Overview

Generate a **cover image** (`1.png`) plus **N coherent content slides** (`2.png`, `3.png`, …) from source material. Each image is an exact **1080×1920 PNG**. The pipeline authors one HTML file per page using bundled CSS/templates, then renders them to PNG with headless Chrome, this gives precise control over Chinese/English typography, color semantics, and emphasis.

## Workflow

The rest: https://github.com/digoal/blog/blob/HEAD/skills/blog-cover-poster/SKILL.md