Poster Design Skill: Driving SVG Poster Generation with Design Philosophy

前言

在 Agent 里做海报,常见做法是直接让模型「画一张图」或堆叠文案与配色,输出往往缺少统一的美学约束,品牌感、排版节奏也难以复现。若希望海报先有可叙述的设计原则,再落到可渲染的矢量结果,需要把「哲学层」和「成品层」拆开处理。下面介绍 SkillHub 上的社区 Skill「海报设计skill」(坐标 @user_865e3592/poster),它按官方说明先构建 Algorithmic Philosophy,再通过 show_widget 生成可渲染的 SVG 海报 artifact。

这是什么

「海报设计skill」是 SkillHub 分类 design-media 下的社区 Skill,发布者为 user_865e3592,当前版本为 1.0.0。官方页面标注 requires_api_key=false,安装与使用不依赖额外 API Key。

一句话定位:当对话涉及海报、视觉设计、品牌视觉、排版系统、极简风格、设计哲学或美学方案时,由该 Skill 引导 Agent 先确立设计哲学,再输出 SVG 形式的海报成品,适用于需要系统性美学表达的场景(如品牌视觉、作品集封面、极简海报、生成艺术等)。

核心功能

以下能力均来自 SkillHub 页面与预抓取资料中的 Skill 简介,未展开的实现细节以安装后的 SKILL.md 为准。

  1. 触发范围
    用户提到海报、视觉设计、品牌视觉、排版系统、极简风格、设计哲学、美学方案,或说「帮我做张海报」时应触发;即未明说「哲学」或「系统」,只要涉及视觉设计或海报生成,官方也建议触发。

  2. 设计哲学(Algorithmic Philosophy)
    在生成画面之前,先构建一套设计哲学,作为后续排版、留白、图形与风格选择的约束框架。

  3. SVG 海报 artifact
    基于上述哲学,通过 show_widget 生成可渲染的 SVG 海报 artifact,便于在支持 widget 的 Agent 环境中预览与复用,而非仅输出一段无法直接查看的文本描述。

安装与启用

安装流程遵循 SkillHub 官方文档 SkillHub 安装与优先源配置。核心是:本机已有 skillhub CLI,并把技能装进当前 Agent 实际读取的 skills 目录(装错目录会导致 Agent 识别不到)。

1、检查或安装 skillhub CLI

command -v skillhub && skillhub --version

若未安装,可按官方文档执行完整安装(示例为文档中的推荐命令):

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

2、安装海报设计skill

将 @user_865e3592/poster 安装到当前环境的 skills 目录。官方文档要求安装时必须使用 --dir,并举例:

skillhub install @user_865e3592/poster --dir <skills 目录>

常用客户端 skills 路径(摘自官方安装文档,按你实际使用的客户端选择其一):

客户端 skills 目录
Cursor ~/.cursor/skills/
Claude Code ~/.claude/skills/
Codex ~/.codex/skills/ 或项目下的 .agents/skills/
Gemini CLI ~/.gemini/skills/

以 Cursor 为例,完整命令形如:

skillhub install @user_865e3592/poster --dir ~/.cursor/skills/

3、通过提示词让 AI 代为安装

SkillHub 技能页还提供「将提示词发送给你的 AI 安装该 skills」的方式,内容为:请根据 https://skillhub.cn/install/skillhub.md,安装 @user_865e3592/poster。若你更习惯在对话里完成安装,可把该句交给已接入 Skill 能力的 Agent,由它按文档执行 skillhub install 并指定正确的 --dir。

安装完成后,按你所用 Agent 的惯例重启或刷新技能列表,使新 Skill 生效。

典型用法

官方简介未给出固定 prompt 模板,但触发条件与产出形态是明确的。下面是可以直接复现的对话路径(语义需覆盖官方列出的主题之一):

  1. 在已启用该 Skill 的 Agent 中发起需求,例如:「帮我做一张极简风格的品牌活动海报,强调留白和单色系。」
  2. Agent 按 Skill 要求先产出 Algorithmic Philosophy(设计哲学):说明构图原则、色彩/字体倾向、图形语言等,作为后续生成的约束。
  3. Agent 再调用 show_widget,生成 SVG 海报 artifact,在支持 widget 的界面中渲染查看。

若需求属于品牌视觉、作品集封面、极简主义海报或需要统一美学体系的生成艺术,可在同一会话中补充品牌调性、尺寸用途、文案要点;Skill 仍应先哲学、后 SVG,而不是跳过哲学直接给图。

适用场景与注意

适合谁

  • 需要在 Agent 对话里快速得到有方法论支撑的海报草案,而不是一次性随机配图。
  • 重视 SVG 等可缩放、可二次编辑的矢量输出,或要在 widget 环境中直接预览。
  • 做品牌视觉、封面、极简海报等,希望风格在同一套哲学下可复现。

限制与注意

  • 本 Skill 为 community 来源,行为以安装包内 SKILL.md 及 Agent 对 show_widget 的支持为准;不同客户端对 widget / SVG 的展示能力可能不一致。
  • 官方标注 无需 API Key,但仍依赖 skillhub CLI 与网络从 SkillHub 拉取技能包;沙箱或离线环境需自行处理联网与目录权限。
  • SkillHub 页面显示约 9.3 万次下载(与资料中的下载量统计量级一致),版本 v1.0.0;升级或行为变更请以技能页「版本历史」为准。
  • 预抓取资料中的「评分」「安装次数」等与页面展示项可能因统计口径不同而有差异,引用数据时以 SkillHub 技能页当前展示为准。

结尾

「海报设计skill」把海报任务拆成「设计哲学 + SVG artifact」两步,适合在 Agent 里做有体系感的视觉输出。安装时记住坐标 @user_865e3592/poster,并用 skillhub install … --dir 指向正确的 skills 目录。详情与安装入口见 SkillHub:https://www.skillhub.cn/skills/user_865e3592/poster。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye