poster-hero · Marketing Posters
Vertical marketing poster generation: complete 1080×1920 HTML posters, auto-rendered to image, with a headline, core selling-point cards, and an optional QR code — built for product launches, event promotion, and sharing in social feeds.
Each poster follows a fixed four-part structure: top brand/tag line, a visual center (headline + subhead, larger type set thinner), 3–5 selling-point cards with line icons below, and brand/QR code with CTA at the bottom. The card-design system locks the palette and typography up front, and the full frame is filled — no dead space.
Example invocation: "Make a launch poster for a smart desk lamp — selling points: eye care, battery life, silent."
Full brief
Positioning
poster-hero produces high-impact vertical (1080×1920) marketing posters: complete HTML output, auto-rendered to image via a shared script. It does exactly one format — vertical marketing and feed-share posters — not horizontal cards or knowledge cards.
Core capabilities
- Fixed poster structure: top brand/tag line with a line icon or geometric mark; visual center (headline set thinner as it gets larger — Thin/Light weights with whitespace building hierarchy — plus a one-line subhead); 3–5 selling-point cards below (line icons + short lines); bottom brand/QR code (SVG placeholder) + CTA.
- Locked styling: reads the card-design design system first, picks one style position and locks its palette and fonts for the whole job. Tasteful atmospheric gradients or deep backgrounds are allowed for posters; blue-violet tech gradients, gradient text, and emoji-as-icons are not.
- Full-frame fill: content covers ≥75% of frame height — no dead blank zones at the bottom.
- Profile awareness: with a Profile, brand colors replace the default background and the brand name is used for the footer signature; without one, a style is chosen by content category and the signature stays empty.
Workflow
- Extract product/event info, headline, 3–5 selling points, QR/CTA needs from the request
- Pick the card-design style position and lock palette + fonts
- Generate the complete HTML (1080×1920, rounded crop) into
outputs/ - Auto-render to PNG via the shared script (
render_card.py --full-page --width 1080 --height 1920)
Inputs & outputs
| Input | Notes |
|---|---|
| Product / event info | Required — name, launch date, etc. |
| Core selling points | Required — 3–5 short lines |
| QR code | Optional — SVG placeholder if provided |
| CTA copy | Optional — bottom call to action |
Output: complete HTML file plus auto-rendered PNG, both under outputs/.
Boundaries with adjacent skills
All three follow the "single HTML image → screenshot" path; they differ only in frame and use case:
| Skill | Lane |
|---|---|
| poster-hero (this) | 1080×1920 vertical marketing poster / feed-share image — launches, event promotion |
| card-quote | 16:9 horizontal quote/data card — one hero statement or key number for Weibo/Zhihu/X/newsletters |
| card-xiaohongshu | 1080×1440 vertical knowledge cards for Xiaohongshu, multi-card swipeable sets |
Fit
- Product-launch and release announcement posters
- Event teasers and feed-share images
- Team wins and milestone announcement graphics
Before you start
- No API key; rendering needs playwright + chromium (
pip install playwright && playwright install chromiumthe first time). - Copy comes from you: headline, subhead, and 3–5 selling points are provided by the user or confirmed after drafting.
poster-hero is part of the Aiglade Skill library. Invoke it from the Aiglade chat box in plain language.