前言¶
在 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 技能頁:https://www.skillhub.cn/skills/user_865e3592/poster
- 資源地址:https://api.skillhub.cn/user_865e3592/poster
核心功能¶
以下能力均來自 SkillHub 頁面與預抓取資料中的 Skill 簡介,未展開的實現細節以安裝後的 SKILL.md 爲準。
-
觸發範圍
用戶提到海報、視覺設計、品牌視覺、排版系統、極簡風格、設計哲學、美學方案,或說「幫我做張海報」時應觸發;即未明說「哲學」或「系統」,只要涉及視覺設計或海報生成,官方也建議觸發。 -
設計哲學(Algorithmic Philosophy)
在生成畫面之前,先構建一套設計哲學,作爲後續排版、留白、圖形與風格選擇的約束框架。 -
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 模板,但觸發條件與產出形態是明確的。下面是可以直接復現的對話路徑(語義需覆蓋官方列出的主題之一):
- 在已啓用該 Skill 的 Agent 中發起需求,例如:「幫我做一張極簡風格的品牌活動海報,強調留白和單色系。」
- Agent 按 Skill 要求先產出 Algorithmic Philosophy(設計哲學):說明構圖原則、色彩/字體傾向、圖形語言等,作爲後續生成的約束。
- Agent 再調用
show_widget,生成 SVG 海報 artifact,在支持 widget 的界面中渲染查看。
若需求屬於品牌視覺、作品集封面、極簡主義海報或需要統一美學體系的生成藝術,可在同一會話中補充品牌調性、尺寸用途、文案要點;Skill 仍應先哲學、後 SVG,而不是跳過哲學直接給圖。
適用場景與注意¶
適合誰
- 需要在 Agent 對話裏快速得到有方法論支撐的海報草案,而不是一次性隨機配圖。
- 重視 SVG 等可縮放、可二次編輯的矢量輸出,或要在 widget 環境中直接預覽。
- 做品牌視覺、封面、極簡海報等,希望風格在同一套哲學下可復現。
限制與注意
- 本 Skill 爲 community 來源,行爲以安裝包內
SKILL.md及 Agent 對show_widget的支持爲準;不同客戶端對 widget / SVG 的展示能力可能不一致。 - 官方標註 無需 API Key,但仍依賴
skillhubCLI 與網絡從 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。