海報設計skill:用設計哲學驅動 SVG 海報生成

前言

在 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。

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

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

小夜