AgentStack
Browse Sign in
Browse Why AgentStack Sell Docs
Sign in
SKILL verified Apache-2.0 Self-run

Poster Hero

skill-zju-real-easel-poster-hero · by ZJU-REAL

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

↗ Website ↗ Repository
— No reviews yet
0 installs
0 views
— view→install

Install

$ agentstack add skill-zju-real-easel-poster-hero

✓ scanned · ✓ verified, works with Claude Code, Cursor, and more.

Security review

✓ Passed

No issues found. Passed automated security review. · v0.1.0 How review works →

  • ✓ Prompt-injection patterns
  • ✓ Secret / credential exfiltration
  • ✓ Dangerous shell & filesystem operations
  • ✓ Untrusted network calls
  • ✓ Known-malicious package signatures

What it can access

  • ✓ Network access No
  • ✓ Filesystem access No
  • ✓ Shell / process execution No
  • ✓ Environment & secrets No
  • ✓ Dynamic code execution No

From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.

View the full security report →

Verified badge

Passed review? Show it. Paste this badge into your README, it links to the public security report.

AgentStack Verified badge Links to your public security report.
[![AgentStack Verified](https://agentstack.voostack.com/badges/verified.svg)](https://agentstack.voostack.com/security/report/skill-zju-real-easel-poster-hero)

Reliability & compatibility

✓ Security review passed
0 installs to date
— no reviews yet
● 2d ago

Declared compatibility

Claude CodeClaude Desktop

Compatibility is declared by the source manifest. End-to-end runtime verification is coming, see below.

Preview Execution monitoring

We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps, measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.

How agent discovery & health will work →
Are you the author of Poster Hero? Claim this listing to set pricing, connect Stripe payouts, and keep 70% of every sale.
Sign up to claim

About

营销海报

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

> ⚠️ 生成前先读 [card-design](../card-design/SKILL.md) 设计系统（锁配色/字体层级/填满画幅/去 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](../card-design/SKILL.md)：先按内容/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
  • 竖版海报 1080×1920 用 --full-page。脚本对 CDN/字体有界超时不卡死。
  • 首次需 pip install playwright && playwright install chromium。

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

Install and usage instructions live in the source repository linked above.

Reviews

No reviews yet, be the first.

Write a review

Versions

  • v0.1.0 Imported from the upstream source.

More in Agent Skills