Poster Studio
极简、排版驱动的海报生成器。把"做一张海报"升级为"先定义设计系统,再产出可下载成品"。
本技能在 algorithmic-poster-philosophy 的设计哲学之上,补齐了交付闭环:除内联 SVG 预览外,额外产出高清 PNG(默认 2×,1200×1600 @ 3:4),可直接发布到闲鱼/小红书/公众号等平台。
适用范围
- 平台服务图:闲鱼服务、微信小商店、小红书种草
- 极简活动/招募海报、作品集封面、品牌视觉图
- 任何需要"系统美学 + 可下载 PNG"的视觉产出
不适用:需要复杂插画、照片合成、品牌 IP 形象的重度设计(应改用语义化设计工具或 ImageGen)。
工作流
STEP 1 — 收集 brief
向用户确认(缺省时给合理默认,不要反复追问):
- 平台 / 用途(决定比例与强调色,如闲鱼用 #ffe600)
- 主标题(title)
- 能力标签(tags,渲染为副标题,用 " / " 连接)
- CTA 文案(cta,1–2 行,落在底部强调块)
- 顶部标识 meta / 品牌 brand(可选)
- 比例(默认 3:4;公众号封面可 1:1,竖版故事可 9:16)
STEP 2 — 写设计哲学(内联 markdown)
遵循 5 段结构,每条规则必须可转化为参数,禁止空话:
- Concept 核心概念(抽象但可操作)
- Visual Logic 栅格 / 密度 / 留白策略
- System Behavior 层级、对齐、节奏
- Parametric Thinking 字号比、边距比、颜色数(≤2)、元素数(≤5)
- Emergence 最终观感与情绪
STEP 3 — 渲染成品
调用脚本生成 PNG(与可选 SVG 预览文件):
python3 scripts/render_poster.py \
--title "定制软件开发" \
--tags 小程序 网站 后台 自动化脚本 \
--cta "按需报价 · 源码交付 · 售后支持" "私聊获取专属方案 →" \
--meta "闲鱼 · 软件开发服务" --brand "fore.vip" \
--accent "#ffe600" --ratio 3:4 --scale 2 --out <输出目录> --name poster --svg
参数说明:--scale 控制清晰度(默认 2);--ratio 支持 3:4/1:1/9:16;--accent/--ink/--sub/--bg 调色;--svg 同时写出预览 SVG。
STEP 4 — 内联预览 + 交付
show_widget渲染脚本产出的 SVG(viewBox 宽度需为 680,脚本已默认 680×907)做内联预览。present_files交付 PNG 成品。
设计系统(硬规则)
- 信息策略:只留必要文字,最多 3 个信息块(主标题 / 副标题 / 元信息)
- 布局:严格对齐或仅 1 次刻意偏离;强竖向阅读流;大量留白
- 字体:标题大 / 副文中小 / 元信息小;1–2 种字体
- 颜色:黑白灰或低饱和;除黑白外最多 2 色,且颜色服务层级而非装饰
- 元素:画布上活跃元素 ≤ 5;无装饰图标/插画;允许仅强化结构的细线/几何块
工具与依赖
- 渲染依赖 Python3 + Pillow(
pip install Pillow)。脚本自动探测 macOS / Windows / Linux 的 CJK 字体(PingFang / 微软雅黑 / Noto Sans CJK / 文泉驿),不依赖安装路径。 - 跨平台提示:WorkBuddy 跨平台客户端(iOS/Android/PC)若无本地 Python,则退化为「仅 show_widget 展示 SVG」,由用户在客户端导出/截图;SKILL 不假定运行时存在 python。
合规提醒(发布前)
- 服务类图片避免极限词("最/第一/保证收益"),遵守平台规则与广告法
- 不要在首图画手机号/微信,用平台私信引导,降低导流判定风险
触发词示例
"做张海报""生成海报""帮我出张服务图""闲鱼发图""转成 PNG 的海报""封面图"