poster-hero

poster-hero is a skill for Claude Code, Codex from ZJU-REAL/Easel. It costs 91 tokens per session (1,330 once invoked), scanned A, original, Apache-2.0.

A tool for creating 1080×1920 vertical marketing posters with a headline, supporting message, key points, and an optional QR-code placeholder. A QR code is a scannable graphic that can open a link or share information.

In plain words
What is it for?
Use it for product-release posters, event promotions, social-media announcements, and other vertical marketing graphics.
Why use it?
It turns product launches, events, and announcements into a fixed-size poster suitable for mobile feeds and messaging apps.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Needs its repository: it reads a path above its own folder, which exists only inside the repository. The line is ⚠️ **生成前先读 [card-design](../card-design/SKILL.md) 设计系统**(锁配色/字体层级/填满画幅/去 AI 廉价感)。营销海报可用**有品味的**渐变/mesh 作背景氛围(这是海报的合理手段,与知识卡不同),但仍**禁**:蓝紫科技渐变、渐变文字、emoji 当图标、粗黑大.

Good fit Use it for product-release posters, event promotions, social-media announcements, and other vertical marketing graphics.

Compare 6 skills from other repositories ↓
Install

Getting it into your agent

It runs from inside its repository, so the clone comes first — what it calls does not travel with the file alone.

Clone the repo
git clone --depth 1 https://github.com/ZJU-REAL/Easel
agentmods
npx agentmods add skills/zju-real/easel/poster-hero

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for poster-hero

README.md
[![agentmods](https://agentmods.dev/badge/skills/zju-real/easel/poster-hero/github.svg)](https://agentmods.dev/skills/zju-real/easel/poster-hero)
Your own site
<a href="https://agentmods.dev/skills/zju-real/easel/poster-hero"><img src="https://agentmods.dev/badge/skills/zju-real/easel/poster-hero/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for poster-hero

Your own site · 80×15
<a href="https://agentmods.dev/skills/zju-real/easel/poster-hero"><img src="https://agentmods.dev/badge/skills/zju-real/easel/poster-hero.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 91 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,330 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • NVIDIA SkillSpector pass 7 Sept 2026
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00091 $0.01330
Opus 5 $0.00046 $0.00665
Sonnet 5 $0.00018 $0.00266
Haiku 4.5 $0.00009 $0.00133

Measured 10d ago against content hash 2607fbbccbb0, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-10, from the pricing page.

Security

Grade A, and why

poster-hero scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 10d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/openclaw/poster-hero/SKILL.md · 67 lines

How it starts

The opening of the file, as written. The whole thing — 67 lines — stays where its author put it; the contents beside it link to each section on GitHub.

营销海报

你是一名视觉营销设计师。根据用户提供的内容,生成一张竖版高冲击力营销海报 HTML。

⚠️ 生成前先读 card-design 设计系统(锁配色/字体层级/填满画幅/去 AI 廉价感)。营销海报可用有品味的渐变/mesh 作背景氛围(这是海报的合理手段,与知识卡不同),但仍:蓝紫科技渐变、渐变文字、emoji 当图标、粗黑大标题、底部死空白。海报也要填满 1080×1920。

输出规范

  • 容器 width: 1080px; height: 1920px,居中显示,圆角裁切
  • 输出完整的 HTML 文件,写入 outputs/ 目录,可直接在浏览器打开截图

海报结构

  1. 上部 — 品牌名 / 标签(发布日期、版本号、活动名等)+ 一个线性图标或抽象几何标记(禁 emoji 当图标)
  2. 中部视觉中心 — 主标题(字越大越细:大字用 Thin/Light 字重,靠字号+留白建立层级,而非 font-black)+ 一句话副标题,用 1 个强调色高亮关键词
  3. 下部信息卡片 — 3-5 条核心卖点,每条 线性图标(Lucide,stroke 1.5) + 短句
  4. 底部 — 右下角品牌 / 二维码(用 SVG 占位)+ CTA 文案;底部填满,不留死空白

视觉风格

遵循 card-design:先按内容/Profile 选一个风格立场并锁定它的配色与字体,全程只用这一套。海报允许有品味的氛围渐变作背景,但下列是硬红线。

  • 背景:氛围渐变 / mesh 或单色系深底 + 1 个强调色。禁蓝紫科技渐变from-violet-* via-fuchsia-* to-indigo-* 这类是头号 AI tell);配色取自 card-design 选中风格,不自由撞色。
  • 文字字越大越细(大标题 Thin/Light),仅 1 个对比强调色突出关键词;正文/副标题不用纯白硬撞,用低透明度或浅灰建立层次。禁渐变文字bg-clip-text)。
  • 装饰克制:发丝线 / 网格 / 极淡噪点纹理(grain)即可。禁玻璃拟态backdrop-filter:blur)、禁堆叠阴影。
  • 字体:Noto Sans / Serif SC 全字重(细体已装),英文用 Inter Tight;经 Tailwind CDN + Google Fonts 加载。
  • 填满 1080×1920:内容覆盖 ≥75% 画高,任何无理由空白带 >15% 画高 = 失败(见 card-design layout-laws.md)。

示例 Prompt

  • "帮我做一张产品发布海报,产品是 XXX,核心卖点是 A、B、C"
  • "做一张活动宣传海报,主题是年中大促,时间 7 月 20 日"
  • "朋友圈分享图,内容是我们团队刚拿了 XX 奖"

与其他卡片 SKILL 的区别

三者都是"HTML 单图 → 截图",仅画幅与场景不同,互不替代:

  • poster-hero(本 SKILL) = 1080×1920 竖版营销海报 / 朋友圈分享图,全屏渐变 + 大标题 + 卖点卡片 + 二维码,用于产品发布、活动宣传。
  • card-quote = 16:9 横版金句/数据卡,单张 hero 观点或核心数字,配微博 / 知乎 / X / 公众号。
  • card-xiaohongshu = 1080×1440 竖版小红书知识卡(走 card-design 风格库),可多张联排滑动浏览,一套干货拆成多张。

Profile 感知

  • 有 Profile:从 style.md 读取品牌配色替换默认背景,从 identity.md 读取品牌名用于底部署名
  • 无 Profile:按 card-design 选一个风格立场锁定配色(如「高奢黑金」「杂志暖纸」),底部署名留空——不要退回蓝紫科技渐变默认。

输出

生成完整的 HTML 文件,写入 outputs/ 目录,再用共享脚本自动渲染成图(勿手动截图):

python skills/shared/scripts/render_card.py \
  --html outputs/主题名/assets/poster.html \
  --out outputs/主题名/poster.png \
  --full-page --width 1080 --height 1920

Read the full file on GitHub · 67 lines

Files

What ships with it

3 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 10d ago First seen · 67 lines · 91 tokens per session scan A 2607fbbccbb0

Subscribe to this mod's changes

poster-hero is a skill published in the GitHub repository ZJU-REAL/Easel (710 stars, last pushed today), licensed Apache-2.0. It adds 91 tokens to every session and 1,330 once invoked, about $0.0005 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

ppt-generation

Generate PPTX presentations from slide plan + content.

HezaoHezao/poirot · 13 tokens

chart-visualization

Generate charts: select type, extract data, render image.

HezaoHezao/poirot · 17 tokens

jacky-motion2-0-srt

A workflow for turning a Chinese spoken script and matching SRT subtitle file into a single 16:9 HTML information animation. SRT is a subtitle file that stores text with start and end times; the animation follows those times and adds recorded-screen placeholders when needed.

Jackywxsz/Jacky-motion · 127 tokens

video-podcast-maker

Use when the user gives a topic and wants an automated topic-driven narrated explainer, podcast, or knowledge-summary video (Bilibili / YouTube / Xiaohongshu / Douyin / WeChat Channels), or asks to learn visual design patterns from a reference video/image. Trigger when the user mentions creating a knowledge video…

Agents365-ai/video-podcast-maker · 214 tokens

video-podcast-maker-lite

Minimal personal narrated-video pipeline — a topic becomes a talking-head-free explainer MP4 (1080p or 4K) via script → Azure TTS (SSML) → Remotion. Use when the user wants a quick narrated video from a topic without the full video-podcast-maker machinery (no extra skills, no thumbnails/shorts/publish matrix). Do NOT…

Agents365-ai/video-podcast-maker · 96 tokens

video-podcast-maker-nano

Smallest personal narrated-explainer-video pipeline (spoken narration over visuals, not an audio podcast), fully tool-agnostic and autonomous by default — topic → research ∥ asset collection → script → TTS → video → 4K render ∥ publish info + cover. The skill defines the pipeline logic and self-verified checkpoints…

Agents365-ai/video-podcast-maker · 163 tokens