Image Poster Designer

ReactPosterDesignTypographyImageUpdated 2026-08-14

When to use: Creating posters for events, products, social promotion, key art, and shareable quotes — from a single headline or an uploaded image.

Install
npx skills add image-poster-designer
Git Clone
git clone https://github.com/skillhub-community/image-poster-designer.git

Description

An editorial poster designer. Given a headline (or an image + caption), it composes a poster using a layout engine with editorial principles: oversized serif/grotesque headline, struck-through or italic accent words, dateline/label bars, and strong typographic hierarchy. LayoutPresets include Vertical hero, Split diagonal, Newspaper (newsprint grid), Framed minimal, and Collage (overlapping imagery + text). All posters are built as HTML/canvas, so they export sharp at any size.

Design controls: choose from font pairings (serif display + grotesque body), a curated palette (or pull colors from an uploaded image via dominant-color extraction), add grain/texture overlays, and tune margins/whitespace. Includes a 'poster chemistry' checker that flags common amateur mistakes (too many fonts, bad contrast, dead center). Export: PNG@2x, PDF (print-ready with bleed option), and SVG. Also serves a compact 'moments' mode for social-share quote graphics.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@media_lin
LicenseMIT
Version1.0.0
Dependencies1

Dependencies

Image Editor Toolkit