Skip to content
cccskills
FreePublished on GitHubEnglish overview

poster-hero

Create vertical marketing posters and social sharing visuals with a large headline, vivid gradient background, and short information cards. The 9:16 layout brings product announcements or key messages together in one composition, with space for branding or a QR code.

OriginalShow the original description

Vertical poster or Moments-style share image with strong visual impact.

AI rating100/ 100See how to install

Good for

  • Creating a vertical poster for a product launch
  • Preparing a visual to share on social media
  • Summarizing three to five key points on one poster

Overview

What it does

This skill creates vertical marketing posters for product announcements and social sharing. Its layout uses a 1080×1920, 9:16 canvas with a large central headline, a one-sentence subtitle, and three to five information cards. A vivid gradient background, white text, and an accent color establish emphasis across the information.

When it helps

Use it to present a new product’s features in one image or prepare an announcement for sharing through services such as WeChat Moments. The composition combines open space and abstract shapes at the top with information cards below. This structure suits content organized around a headline and a few short key points. It also provides space for branding and a QR code.

Example requests

  • “Turn this product introduction into a vertical poster with a headline and three key features.”
  • “Make this announcement into a 9:16 poster for social sharing with a gradient background.”

Notes

This is a template that supports HTML previews. The example QR code is an SVG placeholder; the material does not explain how to generate a scannable code. The production guidance calls for real content and data, avoiding placeholder text and images.

This overview was written by AI (OpenAI Codex) from the public SKILL.md. Check the original below for the exact behavior.

Objective evaluation

AI rated this skill on four points using only the contents of its SKILL.md. Stars and popularity are not taken into account.

Clear instructionsIs it clear when to use it and what it does?
AGoodThe material explicitly identifies vertical product announcement posters and social sharing images as its uses.
Concrete stepsAre steps, inputs, outputs, and examples spelled out?
AGoodThe material specifies 1080×1920 dimensions, headline placement, three to five cards, and SVG placement.
SafetyAre sending data, deleting files, and running commands disclosed?
AGoodInstructions concern HTML and SVG composition only; no external submission or deletion operations are included.
Easy setupDoes it need few tools or API keys, and are they documented?
AGoodThe HTML preview entry is specified as index.html, and no API key requirements are listed.

The total counts each point as A = 25, B = 15, C = 5. Rated by AI (OpenAI Codex) as of Oct 20, 2026. Treat it as a guide and read the original before installing.

Disagree? Request a re-evaluation

Tell us which point is wrong and why. No login needed. We will check it against the SKILL.md, redo the evaluation, and show the result here.

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

Files included (3)

  • SKILL.md2.0 KB
  • example.html5.6 KB
  • example.md330 B

SKILL.md (original)

Review the instructions the agent will receive before you install.

【模板: 营销海报】

  • 容器 w-[1080px] h-[1920px] mx-auto, 全屏渐变 / mesh 背景。
  • 上部 30% 留白 + 一个大 emoji 或抽象几何图形。
  • 中部主标题占视觉中心 (text-8xl, font-black), 一句话副标题。
  • 下部信息卡片: 3-5 条核心要点用图标 + 短句。
  • 底部右下角放品牌 / 二维码 (用 SVG 占位)。
  • 使用大胆的色彩: 渐变背景 (from-violet-500 via-fuchsia-500 to-indigo-500 之类), 文字白色 + 1 个对比色高亮。
  • 使用 SVG 做装饰性元素 (圆 / 三角 / 波浪 / 噪点纹理)。

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

8-bit-orbit-video-template

FreeSummaryAI rating 90

Create a three-scene video composition in a retro pixel style using a Hyperframes HTML template. Customize titles, labels, and colors while preserving scene transitions, short scene durations, and repeatable animation timing.

  • Create a retro pixel presentation video
  • Customize a three-scene video template
  • Preview scene transitions and motion in HTML
nexu-io/open-design103.1KUpdated Oct 21, 2026

ad-creative

FreeSummaryAI rating 80

Create and revise headlines, descriptions, and main text for paid social and search ads. Use it to develop ad copy options and refine wording through repeated rounds of revision.

  • Drafting headlines for paid social ads
  • Creating descriptions for search ads
  • Revising the main text of an ad
nexu-io/open-design103.1KUpdated Oct 21, 2026

after-hours-editorial-template

FreeSummaryAI rating 80

Create a three-page editorial motion sequence with dark backgrounds, serif typography, staged text reveals, and chapter transitions. The result is a single HTML file suited to fashion-inspired storytelling and short visual presentations.

  • Creating a fashion-inspired motion presentation
  • Presenting a short story across three pages
  • Applying existing brand rules to a dark editorial sequence
nexu-io/open-design103.1KUpdated Oct 21, 2026

agent-browser

FreeSummaryAI rating 100

Inspect and test web pages through a browser automation command-line tool. Navigate, click, enter text, capture screenshots, and extract page details, with a focus on checking local OpenDesign previews and reviewing web app quality.

  • Checking local OpenDesign previews
  • Testing clicks and text entry in web apps
  • Capturing page or element screenshots
nexu-io/open-design103.1KUpdated Oct 21, 2026

ai-music-album

FreeSummaryAI rating 80

Plan an AI music album from its concept through lyric drafts, track order, and export. Intended for independent album experiments and brand soundtracks, with the full production workflow provided through a separately installed upstream bundle.

  • Planning an experimental independent album
  • Drafting lyrics around an album concept
  • Deciding the running order of tracks
nexu-io/open-design103.1KUpdated Oct 21, 2026

algorithmic-art

FreeSummaryAI rating 80

Create generative art, or images made with programmed rules, using p5.js. Fixed random seeds make each rendering reproducible, supporting procedural posters, still images that suggest motion, and studies of artistic frame composition.

  • Posters generated with programmed rules
  • Still images that suggest motion
  • Studies of artistic frame composition
nexu-io/open-design103.1KUpdated Oct 21, 2026

See all skills by nexu-io

Report a problem with this skill