UI Design Skills
Helps you choose color palettes, type scales, grids and layouts for app or web screens
by MC Dean
Article Cover Image
by Jim LiuSkillMake visuals
Makes a header image for your article in a palette and drawing style you choose
About Article Cover Image
A skill that reads your article and suggests a cover design from five choices: type, color palette, drawing style, amount of title text and mood. You confirm, then it draws a finished cover PNG in the shape you need.
For BloggersNewsletter writersContent creators
Made by Jim Liu
Jim Liu is a developer in Chicago who publishes the baoyu-skills collection of open-source agent skills on GitHub.
- Stars
- ★ 27k
- License
- MIT
- Cost
- Usage-based
- Level
- Intermediate
- Contents
- Instructions only
Examples
From the project's own repository · 5 images, swipe or use the arrows.
Overview
Give it an article and it suggests a cover design across five choices: type, color palette, rendering style, how much title text, and mood. It offers 11 palettes and 7 rendering styles, asks you to confirm before drawing, and saves the prompt next to a finished PNG in 16:9, 2.35:1, 1:1 or another shape. It suits bloggers, newsletter writers and anyone who needs a header image without a designer.
It asks you to confirm the type, palette and style before it draws, so you spend image credits only on a design you picked.
Try these first
Start with the first one: it is a small task you can check easily.
- Read this article and suggest cover options. Don't draw anything yet: [paste article]First try · no image yet
- Draw the cover with a warm palette, a hand-drawn style and the title only.uses image credits
- Make a version with no title text in a 2.35:1 shape for my blog header.uses image credits
- Which types, palettes and rendering styles can you use? Suggest one for a post about saving money.
Example prompts written by Agent Flows Hub.
What you get
From the creator's documentation.
| Output | What it is | Reads |
|---|---|---|
| Content reading | Reads your article for topic, tone and keywords to suggest a design | What you give it |
| Five design choices | Type, palette, rendering, text level and mood, with 11 palettes and 7 rendering styles | What you give it |
| Confirm first | Asks you to pick the options before any image is drawn | What you give it |
| Reference images | Uses images you supply as a guide for style or composition | Files you add |
| Cover image | One PNG from the image tool you connect; drawn titles can contain typos | Your image service |
Good to know
Make one header image for a finished article. The skill reads the text, proposes a type, palette, rendering style, text level and mood, and draws the cover only after you confirm.
Limits
- It needs an image-generation backend as well as an agent. Drawn titles can contain spelling mistakes; the skill fixes them by regenerating from a corrected prompt, not by editing the image.
- The first run asks setup questions and saves your preferences to a settings file (EXTEND.md) before it does anything else.
Notes by Agent Flows Hub (original project name: baoyu-cover-image), written from the creator's documentation, not from running it ourselves. baoyu-cover-image: official documentation and setup
Stuck setting it up?
Tell us what happened. We take a look first; if it needs paid work, you get an estimate before anything starts.
Other skills
- Article to Image Slides Turns an article, report or notes into a deck of full-page slide images plus speaker notes
- Article to Slide Deck Turns an article into a set of slide images, merged into PowerPoint and PDF files
- Article Translator Translates articles, files or web pages into natural Chinese, English or another language
- Avoid AI Writing Finds the habits that make English text sound machine-written and rewrites them
- Better Interface Looks over the screens of an app you are building and returns one ranked list of fixes
- Cash Flow Forecast Turns your income and expense records into a 30, 60 and 90-day cash forecast