Agent skill

Poster Hero

by ZJU-REAL in ZJU-REAL/Easel

生成 1080×1920 竖版营销海报,包含大标题、核心卖点和可选二维码,适合产品发布、活动宣传与朋友圈传播。当用户说“做竖版营销海报、活动宣传图、朋友圈海报、产品发布海报”时使用。横版金句卡用 card-quote,小红书知识卡用 card-xiaohongshu。

Apache-2.0Auto-check passed

Install Poster Hero

skills CLI
$ npx skills add ZJU-REAL/Easel --skill poster-hero -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install ZJU-REAL/Easel poster-hero --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/ZJU-REAL/Easel.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/openclaw/poster-hero .claude/skills/poster-hero && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
poster-hero
GitHub stars
3.4k
Token cost
~596 tokens
SKILL.md length
168 words
Files
4
Skills in repo
114
Repo updated
First seen
Licence
Apache-2.0

At a glance

生成 1080×1920 竖版营销海报,包含大标题、核心卖点和可选二维码,适合产品发布、活动宣传与朋友圈传播。当用户说“做竖版营销海报、活动宣传图、朋友圈海报、产品发布海报”时使用。横版金句卡用 card-quote,小红书知识卡用 card-xiaohongshu。

  • Works in 4 steps: 上部 — 品牌名 / 标签(发布日期、版本号、活动名等)+… → 中部视觉中心 — 主标题(字越大越细:大字用 Thin/Light… → 下部信息卡片 — 3-5 条核心卖点,每条 线性图标(Lucide,stroke… → …
  • SKILL.md covers 输出规范, 海报结构, 视觉风格 and 示例 Prompt, plus 3 more sections
  • Calls python, pip and playwright

What it does

Poster Hero is an agent skill from ZJU-REAL/Easel. 生成 1080×1920 竖版营销海报,包含大标题、核心卖点和可选二维码,适合产品发布、活动宣传与朋友圈传播。当用户说“做竖版营销海报、活动宣传图、朋友圈海报、产品发布海报”时使用。横版金句卡用 card-quote,小红书知识卡用 card-xiaohongshu。

Its SKILL.md is about 600 tokens, which your agent loads only when the skill is triggered. The skill folder holds 3 other files (for example `EASEL-META.md` and `example.md`).

It works with Xiaohongshu. The repository describes itself as: An open-source AI agent for social media — discover trends, create content, publish everywhere, and learn what works across Xiaohongshu, Douyin, Zhihu, Bilibili, and more.🎨一个开源的… The licence is Apache-2.0.

Example prompts

  • “做竖版营销海报、活动宣传图、朋友圈海报、产品发布海报”
  • “/poster-hero”

Requirements

  • Python 3

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

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

What it can do on your machine

Read from SKILL.md and the folder at commit 278f420. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • python
    • pip
    • playwright

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use pip, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Poster Hero loads about 596 tokens when it runs. Until then it costs about 37 tokens; SKILL.md has 168 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~37
When it runs · the whole SKILL.md, loaded when a task matches
~596

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from ZJU-REAL/Easel at commit 278f420, republished under its Apache-2.0 licence (© ZJU-REAL). 168 words, ~596 tokens.

Download SKILL.mdSave it as .claude/skills/poster-hero/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.
name
poster-hero
description
生成 1080×1920 竖版营销海报,包含大标题、核心卖点和可选二维码,适合产品发布、活动宣传与朋友圈传播。当用户说“做竖版营销海报、活动宣传图、朋友圈海报、产品发布海报”时使用。横版金句卡用 card-quote,小红书知识卡用 card-xiaohongshu。
layer
produce

营销海报

你是一名视觉营销设计师。根据用户提供的内容,生成一张竖版高冲击力营销海报 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/ 目录,再用共享脚本自动渲染成图(勿手动截图):

bash
python skills/shared/scripts/render_card.py \
  --html outputs/主题名/assets/poster.html \
  --out outputs/主题名/poster.png \
  --full-page --width 1080 --height 1920
  • 竖版海报 1080×1920 用 --full-page。脚本对 CDN/字体有界超时不卡死。
  • 首次需 pip install playwright && playwright install chromium。

© ZJU-REAL, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 3 other files in skills/openclaw/poster-hero of ZJU-REAL/Easel.

  • SKILL.md
  • EASEL-META.md
  • example.html
  • example.md

Open the folder on GitHubat commit 278f420

Compare with similar skills

Poster Hero next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Poster Hero compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Poster Hero this skillZJU-REAL/Easel3.4k—~596Automated safety check: PassApache-2.0
Agent ReachPanniantong/Agent-Reach95k—~1.4kAutomated safety check: PassMIT
Guizang Social Cardsop7418/guizang-social-card-skill7.4k1 repos~7.8kAutomated safety check: PassAGPL-3.0
Yuwen Publish Precheckyuwen-cool/yuwen-publish-precheck7781 repos~1.8kAutomated safety check: PassMIT
Video Podcast MakerAgents365-ai/video-podcast-maker1.7k—~4.9kAutomated safety check: PassMIT
Xhs Note Creatorcomeonzhj/Auto-Redbook-Skills2.3k—~580Automated safety check: NotesNone

Similar skills

  • Agent Reach

    Panniantong/Agent-Reach

    Routes web research and platform lookups across 16 sites, including Twitter, Reddit, YouTube, Bilibili, Xiaohongshu and GitHub, through one command-line tool.

    95k GitHub stars~1.4k tokensUpdated 3 days ago
    Productivity & AutomationAuto-check passed
  • Guizang Social Cards

    op7418/guizang-social-card-skill

    Produces social card sets for Xiaohongshu and WeChat: carousels, Live Photo motion cards and puzzle layouts, and WeChat cover pairs, rendered from single-file HTML.

    7.4k GitHub starsUsed in 1 repo~7.8k tokens
    Media & CreativeAuto-check passed
  • Yuwen Publish Precheck

    yuwen-cool/yuwen-publish-precheck

    国内自媒体发布前风险自审与保意修复:审口播稿、文章、图文笔记、字幕、封面文字能不能发抖音/小红书/微信视频号,给出具体位置、依据和可直接替换的改稿;被限流/删除/处罚后帮你复盘归因;你的行业敏感词、误报白名单和踩坑案例会沉淀成个人规则库,越用越准。Use when…

    778 GitHub starsUsed in 1 repo~1.8k tokens
    Productivity & AutomationAuto-check passed
  • Video Podcast Maker

    Agents365-ai/video-podcast-maker

    A skill your agent uses when the user gives a topic and wants an automated topic-driven narrated explainer, podcast, or knowledge-summary video (Bilibili / YouTube / Xiaohongshu / Douyin / WeChat…

    1.7k GitHub stars~4.9k tokensUpdated 9 days ago
    Media & CreativeAuto-check passed
  • Xhs Note Creator

    comeonzhj/Auto-Redbook-Skills

    小红书笔记素材创作技能。当用户需要创建小红书笔记素材时使用这个技能。技能包含:根据用户的需求和提供的资料,撰写小红书笔记内容(标题+正文),生成图片卡片(封面+正文卡片),以及发布小红书笔记。支持 8 种精美排版主题和 4 种智能分页模式。

    2.3k GitHub stars~580 tokensUpdated 1 mo ago
    Auto-check: notes
  • Xhs Virtual Product

    chenjin-cmd/xhs-virtual-product

    This skill helps plan, select, produce, and market Xiaohongshu (RED) virtual/digital products — templates, knowledge bases, test tools, study materials.

    729 GitHub stars~862 tokensUpdated 10 days ago
    Knowledge ManagementAuto-check passed

More from ZJU-REAL/Easel

All 114 skills in this repo
  • Gzh Design

    ZJU-REAL/Easel

    微信公众号文章排版引擎:把 Markdown / Word(.docx) / PDF / 纯文本转成可直接粘贴进公众号编辑器的 HTML,自动章节编号、关键词标记、引言卡、目录、代码块、图片/GIF、作者签名;主题从 references/theme-index.md…

    3.4k GitHub stars~2.1k tokensUpdated today
    Auto-check passed
  • 微信公众号文章自动创作与发布工具。给定参考文章、文字或文档,自动搜索整理全网相关信息、生成图文并茂的公众号文章,并发布到微信公众号草稿箱。特别强调反 AI 检测写作。

    3.4k GitHub stars~1.8k tokensUpdated today
    Auto-check passed
  • Card Design

    ZJU-REAL/Easel

    社媒卡片视觉设计系统:提供配色、中文字体层级、满画幅布局、品类骨架和死空白/密度质检,避免模板化 PPT 与廉价 AI 感。

    3.4k GitHub stars~657 tokensUpdated today
    Auto-check passed
  • Ecom Details Image

    ZJU-REAL/Easel

    生成电商商品视觉方案:主图概念、场景图、详情页视觉方向和 AI 生图 Prompt. An agent skill from ZJU-REAL/Easel.

    3.4k GitHub stars~1.1k tokensUpdated today
    Auto-check: notes
  • Infographic

    ZJU-REAL/Easel

    将数据或文字内容转化为可视化信息图,支持静态(AntV)和动画 GIF 两种模式。当用户需要制作信息图、数据可视化、流程图、对比图、动画图表、GIF 图表、思维导图、SWOT 分析图时调用。本地渲染信息图/GIF 动画;要单张静态图片 URL 用 chart-visualization,要 CSV/JSON→整页报告用 data-report

    3.4k GitHub stars~643 tokensUpdated today
    Auto-check passed
  • Novel Writer

    ZJU-REAL/Easel

    长篇小说/网文连载创作:从世界观、人设和三级大纲写到逐章正文,并用文件化状态维护伏笔、前情和跨章一致性. An agent skill from ZJU-REAL/Easel.

    3.4k GitHub stars~1k tokensUpdated today
    Auto-check passed

Works with

Questions about Poster Hero

What does Poster Hero do?

生成 1080×1920 竖版营销海报,包含大标题、核心卖点和可选二维码,适合产品发布、活动宣传与朋友圈传播。当用户说“做竖版营销海报、活动宣传图、朋友圈海报、产品发布海报”时使用。横版金句卡用 card-quote,小红书知识卡用 card-xiaohongshu。. Poster Hero is an agent skill from ZJU-REAL/Easel.

How do I install Poster Hero in Claude Code?

Run `npx skills add ZJU-REAL/Easel --skill poster-hero -a claude-code`. Or copy the skill folder (skills/openclaw/poster-hero in ZJU-REAL/Easel) into .claude/skills/poster-hero in your project. Claude Code loads it when a task matches its description.

How do I install Poster Hero in Codex?

Run `npx skills add ZJU-REAL/Easel --skill poster-hero -a codex`. Or copy the skill folder (skills/openclaw/poster-hero in ZJU-REAL/Easel) into .agents/skills/poster-hero in your project. Codex loads it when a task matches its description.

Can I use Poster Hero in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add ZJU-REAL/Easel --skill poster-hero -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/poster-hero, .gemini/skills/poster-hero, .github/skills/poster-hero and .opencode/skills/poster-hero in your project.

What does Poster Hero need to run?

Going by SKILL.md and its folder, Poster Hero needs the command-line tools its instructions call (python, pip and playwright). Our summary lists: Python 3.

Does Poster Hero access the network?

SKILL.md contains no URLs. Its commands use pip, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Poster Hero safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Poster Hero use?

Poster Hero is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Poster Hero use?

About 596 tokens (SKILL.md is roughly 2.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Poster Hero?

Skills that share tags, products or a category with Poster Hero: Agent Reach (Panniantong/Agent-Reach, 95k stars), Guizang Social Cards (op7418/guizang-social-card-skill, 7.4k stars), Yuwen Publish Precheck (yuwen-cool/yuwen-publish-precheck, 778 stars) and Video Podcast Maker (Agents365-ai/video-podcast-maker, 1.7k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Poster Hero?

ZJU-REAL (a GitHub organization) maintains it in ZJU-REAL/Easel, which has 3,376 GitHub stars. The repository holds 114 skills in this directory. The repository was last updated on October 9, 2026.

Source: ZJU-REAL/Easel on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.