Poster Hero
nexu-io/open-design
Vertical poster or Moments-style share image with strong visual impact.
生成海报/做海报/公众号封面/小红书配图/朋友圈配图/OG图/分享卡/头图/横幅/banner — social-ready posters, covers and share cards with big-type layouts, brand gradients and platform size specs.
MITAuto-check passed
Install Poster Maker
$ npx skills add tsingliuwin/autoclaw --skill poster-maker -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install tsingliuwin/autoclaw poster-maker --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/tsingliuwin/autoclaw.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/poster-maker .claude/skills/poster-maker && rm -rf skills-srcUse ~/.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/
Install the "poster-maker" agent skill from https://github.com/tsingliuwin/autoclaw/tree/main/skills/poster-maker into .claude/skills/poster-maker/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "poster-maker", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/tsingliuwin/autoclaw/tree/main/skills/poster-makerType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add tsingliuwin/autoclaw --skill poster-maker -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install tsingliuwin/autoclaw poster-maker --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/tsingliuwin/autoclaw.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/poster-maker .agents/skills/poster-maker && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "poster-maker" agent skill from https://github.com/tsingliuwin/autoclaw/tree/main/skills/poster-maker into .agents/skills/poster-maker/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "poster-maker", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add tsingliuwin/autoclaw --skill poster-maker -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install tsingliuwin/autoclaw poster-maker --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/tsingliuwin/autoclaw.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/poster-maker .cursor/skills/poster-maker && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "poster-maker" agent skill from https://github.com/tsingliuwin/autoclaw/tree/main/skills/poster-maker into .cursor/skills/poster-maker/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "poster-maker", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/tsingliuwin/autoclaw.git --path skills/poster-maker--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add tsingliuwin/autoclaw --skill poster-maker -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install tsingliuwin/autoclaw poster-maker --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/tsingliuwin/autoclaw.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/poster-maker .gemini/skills/poster-maker && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "poster-maker" agent skill from https://github.com/tsingliuwin/autoclaw/tree/main/skills/poster-maker into .gemini/skills/poster-maker/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "poster-maker", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install tsingliuwin/autoclaw poster-makerInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add tsingliuwin/autoclaw --skill poster-maker -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/tsingliuwin/autoclaw.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/poster-maker .github/skills/poster-maker && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "poster-maker" agent skill from https://github.com/tsingliuwin/autoclaw/tree/main/skills/poster-maker into .github/skills/poster-maker/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "poster-maker", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add tsingliuwin/autoclaw --skill poster-maker -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install tsingliuwin/autoclaw poster-maker --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/tsingliuwin/autoclaw.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/poster-maker .opencode/skills/poster-maker && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "poster-maker" agent skill from https://github.com/tsingliuwin/autoclaw/tree/main/skills/poster-maker into .opencode/skills/poster-maker/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "poster-maker", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
poster-maker- GitHub stars
- 283
- Token cost
- ~768 tokens
- SKILL.md length
- 158 words
- Files
- 8 (incl. scripts, references)
- Skills in repo
- 3
- Repo updated
- First seen
- Licence
- MIT
At a glance
生成海报/做海报/公众号封面/小红书配图/朋友圈配图/OG图/分享卡/头图/横幅/banner — social-ready posters, covers and share cards with big-type layouts, brand gradients and platform size specs.
- Works in 4 steps: 定场景、选模板:先确定海报场景(促销/活动/招聘/节日…),按上方速查表定构图与配… → 写 HTML:语法三条铁律(详见… → 渲染 → …
- SKILL.md covers 何时使用, 平台尺寸速查, 场景速查 and 工作流程, plus 3 more sections
- Runs JavaScript scripts from its folder; calls node
What it does
Poster Maker is an agent skill from tsingliuwin/autoclaw. 生成海报/做海报/公众号封面/小红书配图/朋友圈配图/OG图/分享卡/头图/横幅/banner — social-ready posters, covers and share cards with big-type layouts, brand gradients and platform size specs. Pixel-exact, offline, no browser.
Its SKILL.md is about 770 tokens, which your agent loads only when the skill is triggered. The skill folder holds 10 other files, including scripts and reference files (for example `references/scenario-playbook.md`, `references/syntax-guide.md` and `scripts/package.json`).
The repository describes itself as: AutoClaw is a hyper-lightweight AI agent designed to live inside Docker containers. Unlike heavy, GUI-dependent agents, AutoClaw is built for headless, massive-scale concurrency. The licence is MIT.
Example prompts
- “/poster-maker”
Requirements
- Node.js
Workflow steps
4 steps, taken from the first numbered list in SKILL.md.
- 定场景、选模板:先确定海报场景(促销/活动/招聘/节日…),按上方速查表定构图与配色;再从 templates/ 选最接近的,把文案/配色/品牌元素替换掉。没有合适的就从零写。
- 写 HTML:语法三条铁律(详见 @references/syntax-guide.md)
- 渲染
- 过质量清单(下方),不满意改了重跑——渲染是毫秒级的。
What it can do on your machine
Read from SKILL.md and the folder at commit d9915d7. 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
Ships 2 files in scripts/ (JavaScript), which the agent can run.
Shell commands in SKILL.md call:
node
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
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 Maker loads about 768 tokens when it runs, and up to ~3.1k if it reads all its reference files. Until then it costs about 51 tokens; SKILL.md has 158 words of instructions outside code blocks.
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); the scripts in this folder are not scanned.
SKILL.md
The full file from tsingliuwin/autoclaw at commit d9915d7, republished under its MIT licence (© tsingliuwin). 158 words, ~768 tokens.
Download SKILL.mdSave it as
.claude/skills/poster-maker/SKILL.md (or your agent's skills folder). This skill also uses 7 other files; get the full folder from GitHub.- name
- poster-maker
- description
- 生成海报/做海报/公众号封面/小红书配图/朋友圈配图/OG图/分享卡/头图/横幅/banner — social-ready posters, covers and share cards with big-type layouts, brand gradients and platform size specs. Pixel-exact, offline, no browser.
- display_name
- 海报生成器（社媒封面/分享卡/OG图）
- display_name_en
- Poster Maker (social covers, share cards, OG images)
- description_zh
- 生成社媒视觉物料:海报、公众号封面、小红书/朋友圈配图、OG 分享卡、头图、横幅。大字排版 + 品牌渐变,像素精确、离线毫秒级出图,内置封面/OG/方图等现成模板与尺寸规范。
- description_en
- Generate social-ready posters, article covers, OG/share cards and banners with big-type layouts and brand gradients. Pixel-exact, offline, milliseconds per…
- category
- image
- version
- 1.1.1
- author
- AutoClaw
海报生成器
为社媒与营销场景产出视觉物料:海报、公众号封面、小红书/朋友圈配图、OG 分享卡、横幅。本技能在通用渲染引擎之上沉淀了海报排版规范、平台尺寸表和视觉质量清单,照着做就能出可发布的图。
何时使用
- 用户要"做一张图":海报、封面、配图、分享卡、头图、banner、活动视觉
- 给文章/产品/活动配一张有文字的视觉图(精确文字、品牌色、排版要求)
- 不适用:发票/报价单等文档(用 invoice-maker);纯照片级艺术图(用平台 AI 生图);任意自定义图形(用 code2media 通用技能)
平台尺寸速查
| 场景 | 尺寸 | 模板 |
|---|---|---|
| 小红书封面(3:4 占屏最大) | 1080 × 1440 | social-post.html 改尺寸 |
| 朋友圈/通用方图 | 1080 × 1080 | social-post.html |
| 公众号首图封面 | 900 × 383 | cover.html |
| 博客/官网 OG 分享卡 | 1200 × 630 | og-card.html |
| 竖版海报(印刷感) | 1080 × 1440 | 改方图模板尺寸即可 |
| 视频封面 | 1280 × 720 | 改封面模板尺寸即可 |
小红书只支持 1:1、3:4、4:3 三种比例,3:4 观感最好;多图笔记的配图先统一尺寸,否则系统自动补白边。
场景速查
不同场景的构图、配色和视觉重心完全不同,先对号入座(信息层级与易错点详见 @references/scenario-playbook.md):
| 场景 | 构图 | 配色 | 第一视觉 |
|---|---|---|---|
| 促销/电商 | 左对齐或强分裂 | 红橙黄高饱和 | 折扣/价格数字 |
| 活动/会议 | 居中 | 主题色+深底 | 活动名 |
| 招聘 | 左对齐 | 品牌蓝/绿 | 岗位名+薪资 |
| 餐饮/美食 | 图左文右 | 暖色(红橙黄) | 菜品实拍 |
| 节日/节气 | 居中 | 传统配色 | 节日符号+大字 |
| 知识/课程 | 左对齐 | 低饱和+强调色 | 收益式标题 |
| 地产/政务 | 居中 | 蓝金/红金/深灰 | 机构名或主标 |
| 品牌/发布 | 大面积留白 | 深色高级感 | 产品本身 |
工作流程
- 定场景、选模板:先确定海报场景(促销/活动/招聘/节日…),按上方速查表定构图与配色;再从
templates/选最接近的,把文案/配色/品牌元素替换掉。没有合适的就从零写。 - 写 HTML:语法三条铁律(详见
@references/syntax-guide.md):- Tailwind 工具类写
tw属性(class不编译 Tailwind); - 用 v4 规范名(渐变
bg-linear-to-br,不是bg-gradient-to-br); - 根元素撑满画布
tw="w-full h-full ..."。
- Tailwind 工具类写
- 渲染:
bash node "<技能目录>/scripts/render.mjs" --html poster.html -o poster.png --width 1080 --height 1080 - 过质量清单(下方),不满意改了重跑——渲染是毫秒级的。
海报视觉质量清单
- 文字层级 ≤ 3 级:主标题(最大)/副标题/说明文字,一眼能分清主次;主标题占画面高度 ≥ 1/5
- 留白要狠:内边距不小于画布短边的 5%(如 1080 宽至少 54px);元素之间用
gap/mt拉开呼吸感 - 对比度:文字与背景必须有足够对比;浅色文字配深色渐变,或深色文字配浅色底;文字压图三招(挪干净处/背景压暗/色块描边)见场景手册
- 配色 ≤ 3 种:主色+辅助色+强调色;拿不准就用品牌色的深浅渐变家族
- 分组要明显:相关元素贴近、无关元素拉远,组间距差距 ≥ 2 倍,一眼扫出信息块
- 中文不斜体(斜体在无衬线中文里很丑),强调用加粗/变色/字号
- 一图一重点:不要把所有信息塞进一张图;胶囊标签 ≤ 3 个
- 品牌一致性:有品牌色/Logo 就放角标位,颜色用品牌色的渐变家族
- 渲染后目检样式:某元素样式没生效(字号/间距突然不对),先查是否把工具类写进了
class——工具类必须写tw,class里的会静默失效不报错 - 字体:
style="font-family:msyh,NotoSansCJK-Regular,wqy-zenhei",离线环境 Emoji 保持纯文本
批量与变体
一个活动要 5 种尺寸、10 个城市的本地化海报?同一模板改文案/尺寸循环调用脚本即可,输出确定性保证同模板永远同品质。渲染完可用 identify(ImageMagick)或直接看文件大小做粗校验。
环境要求
Node.js >= 20.19;首次运行自动安装 takumi-js/takumi-pdf(一次性,需网络)。容器内中文需字体包(font-noto-cjk)。需要完全自定义的非海报图形时,用 code2media 通用技能。
© tsingliuwin, MIT. 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 7 other files (scripts, references) in skills/poster-maker of tsingliuwin/autoclaw.
- SKILL.md
- references/scenario-playbook.md
- references/syntax-guide.md
- scripts/package.json
- scripts/render.mjs
- templates/cover.html
- templates/og-card.html
- templates/social-post.html
Open the folder on GitHubat commit d9915d7
Compare with similar skills
Poster Maker 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Poster Maker this skilltsingliuwin/autoclaw | 283 | — | ~768 | Automated safety check: Pass | MIT | |
| Poster Heronexu-io/open-design | 100k | — | ~380 | Automated safety check: Pass | Apache-2.0 | |
| Poster Design Studiosickn33/agentic-awesome-skills | 47k | 1 repos | ~3.1k | Automated safety check: Pass | MIT-0 | |
| Diagram Makeropenclaw/openclaw | 392k | 2 repos | ~589 | Automated safety check: Pass | MIT | |
| Meme Makeropenclaw/openclaw | 392k | 1 repos | ~641 | Automated safety check: Pass | MIT | |
| Latex PostersK-Dense-AI/scientific-agent-skills | 48k | 1 repos | ~2.7k | Automated safety check: Notes | MIT |
Similar skills
Poster Design Studio
sickn33/agentic-awesome-skills
Install and use the official AI Poster Maker package, pinned by digest, for paid hosted work on the Beatra service.
Diagram Maker
openclaw/openclaw
Create SVG/HTML or Excalidraw diagrams for concepts, architecture, flows, and whiteboards.
Meme Maker
openclaw/openclaw
Search meme templates, suggest formats, and generate local or hosted image memes.
Latex Posters
K-Dense-AI/scientific-agent-skills
Creates research posters in LaTeX using beamerposter, tikzposter, or baposter.
Video Template Frame Bold Poster
nexu-io/open-design
Use this plugin when the user wants a "Bold Poster Frame" HyperFrames motion video — A 1970s European editorial poster in motion — a red rule draws across, a giant tilted figure drops in, a…
More from tsingliuwin/autoclaw
Code2media
tsingliuwin/autoclaw
Universal media renderer with no fixed template — any custom layout, size or style becomes pixel-perfect images (PNG/JPEG/WebP), vector SVG, paged PDFs or animations (WebP/GIF).
Invoice Maker
tsingliuwin/autoclaw
开发票/生成发票/报价单/收据/采购单/对账单/账单/付款通知 — formal business documents as paged PDFs with proper tables, right-aligned amounts, tax lines, repeating headers and page-number footers.
Questions about Poster Maker
What does Poster Maker do?
生成海报/做海报/公众号封面/小红书配图/朋友圈配图/OG图/分享卡/头图/横幅/banner — social-ready posters, covers and share cards with big-type layouts, brand gradients and platform size specs. Poster Maker is an agent skill from tsingliuwin/autoclaw. 生成海报/做海报/公众号封面/小红书配图/朋友圈配图/OG图/分享卡/头图/横幅/banner — social-ready posters, covers and share cards with big-type layouts, brand gradients and platform size specs.
How do I install Poster Maker in Claude Code?
Run `npx skills add tsingliuwin/autoclaw --skill poster-maker -a claude-code`. Or copy the skill folder (skills/poster-maker in tsingliuwin/autoclaw) into .claude/skills/poster-maker in your project. Claude Code loads it when a task matches its description.
How do I install Poster Maker in Codex?
Run `npx skills add tsingliuwin/autoclaw --skill poster-maker -a codex`. Or copy the skill folder (skills/poster-maker in tsingliuwin/autoclaw) into .agents/skills/poster-maker in your project. Codex loads it when a task matches its description.
Can I use Poster Maker 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 tsingliuwin/autoclaw --skill poster-maker -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-maker, .gemini/skills/poster-maker, .github/skills/poster-maker and .opencode/skills/poster-maker in your project.
What does Poster Maker need to run?
Going by SKILL.md and its folder, Poster Maker needs JavaScript for the scripts in its folder and the command-line tools its instructions call (node). Our summary lists: Node.js.
Does Poster Maker access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Poster Maker 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. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Poster Maker use?
Poster Maker is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Poster Maker use?
About 768 tokens (SKILL.md is roughly 3.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 2.3k tokens, read only when the agent opens those files.
What are the alternatives to Poster Maker?
Skills that share tags, products or a category with Poster Maker: Poster Hero (nexu-io/open-design, 100k stars), Poster Design Studio (sickn33/agentic-awesome-skills, 47k stars), Diagram Maker (openclaw/openclaw, 392k stars) and Meme Maker (openclaw/openclaw, 392k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Poster Maker?
tsingliuwin (a GitHub user) maintains it in tsingliuwin/autoclaw, which has 283 GitHub stars. The repository holds 3 skills in this directory. The repository was last updated on September 6, 2026.
Source: tsingliuwin/autoclaw on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.