Blog Cover Poster
Turn a blog post, article, notes, or any source material into a set of vertical poster...
Install
npx skills add digoal/blog --skill blog-cover-poster -g -a claude-code -y- Repository
- digoal/blog8.6k
- Category
- Design
- Updated
- 3d ago
- License
- GPL-2.0
- Context cost
- Lightabout 1,244 tokens
- Runs scripts
- Yes, review before use
What it does
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.
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.
