poster-hero

poster-hero (Marketing Poster / 营销海报) is a template skill in the Open Design collection for producing a vertical poster or Moments-style share image with strong visual impact. It solves the problem of turning plain content into a high-contrast, share-ready graphic sized for social feeds, with a default aspect of 1080x1920 (9:16). It is oriented toward marketing scenarios such as product launch announcements.

The skill supplies a concrete layout recipe rather than an external pointer. Its template specifies a full-height container with a full-screen gradient or mesh background, roughly 30% top whitespace with a large emoji or abstract geometric shape, a visually centered main title (text-8xl, font-black) with a one-line subtitle, a lower information card of three to five key points using icons and short phrases, and a brand or QR-code placeholder (as SVG) in the bottom-right corner. It calls for bold color, gradient backgrounds, white text with a single contrast highlight, and decorative SVG elements such as circles, triangles, waves, and noise texture. The bundle includes an example.md showing sample launch content and an example.html placeholder, and its frontmatter carries an example prompt instructing the agent to preserve the template's visual signature and use real content rather than lorem ipsum or placeholder images. The upstream project is nexu-io/html-anything.

The target users are marketers, founders, and content creators who need eye-catching vertical posters or share images for product launches and social distribution, especially within the Open Design HTML-prototype workflow that renders these templates in the browser.