前言¶
一套圖標做到後面最容易失控的,不是畫不出來,而是每個圖標各說各話:線性粗細不一、圓角比例不同、語義各自爲政。人眼很快就能察覺「這套不太對」,但要講清楚哪裏不對、應該怎麼統一,往往比畫完更費時間。
下面介紹的這個 Skill,定位就是把這部分判斷工作交給模型:圍繞「圖標設計」展開,扮演一個資深視覺設計師的角色,負責圖標風格的確立、一致性的把控和趨勢取捨。
這是什麼¶
「圖標設計」是一個社區來源(community)的技能,座標 @user_3c6cb52e/self-ent-design-icon-set,由 user_3c6cb52e 發佈維護,當前版本 2.0.2,歸類在 design-media 分類下。
它的簡介是:設計與美學技能,圍繞「圖標設計」展開深度探索,資深視覺設計師,在互聯網公司與設計工作室之間遊走,對設計趨勢有敏銳嗅覺。
也就是說,它不是一個圖標庫素材包,而是一個提供設計判斷與產出流程的 Skill。
核心能力¶
已覈實的公開信息裏,這個 Skill 的觸發詞是 icon-set,不需要配置 API Key(requires_api_key=false)。
從定位看,它面向的流程大致是:先確定圖標的視覺語言(線性還是填充、描邊粗細、圓角、尺寸柵格),再產出圖標集,最後按同一套規則收口一致性。具體的輸入參數、產出格式和內置校驗項,公開資料裏沒有給出,需要在官方頁面確認後再用。
安裝與啓用¶
已抓取的公開資料裏沒有包含安裝命令、依賴項或配置字段,這裏不臆造。需要安裝時,請以官方頁面爲準:
- SkillHub 頁面:https://www.skillhub.cn/skills/user_3c6cb52e/self-ent-design-icon-set
- 接口地址:https://api.skillhub.cn/user_3c6cb52e/self-ent-design-icon-set
啓用方式上,這類 Skill 通常寫成標準的 SKILL.md,投放到所用客戶端的 skill 目錄後按觸發詞喚起。但具體目錄路徑、是否需要 skillhub 命令行安裝、以及 Cursor / Codex CLI / Claude Code 之間是否有差異,本次抓取到的資料沒有說明,請先在官方頁面覈對。
使用方式¶
在對話裏直接把需求說清楚即可,不需要額外參數:
幫我做一套移動端底部導航的圖標,四個入口:首頁、分類、購物車、我的。
希望是線性風格,描邊 2px,24x24 柵格。
這一套圖標的圓角和粗細不太統一,幫我按現有風格重畫一遍,輸出一份一致性檢查清單。
在開頭或結尾帶上觸發詞 icon-set,便於模型識別這次是要做圖標集而非普通插圖。
適用場景與注意¶
適合的場景:
- 需要整套圖標統一風格,而不只是單張好看。
- 已有設計規範,但缺人手做一致性的逐項覈對。
- 需要在交付前產出一份可對照的檢查清單。
需要注意的:
- 產出需要人確認。 模型能給出風格建議和初稿,但是否符合你的產品調性、是否與品牌字重匹配,仍要人工過一遍。
- 規格要講全。 尺寸、柵格、輸出格式(SVG / PNG / font)、命名規則這類約束如果不寫明,產出往往需要返工。
- 一致性是主要價值,別跳過清單。 如果只需要幾個圖標,直接描述清楚更快;這個 Skill 的價值在整套管理。
- 數據以官方頁面爲準。 SkillHub 頁面上顯示評分 100000、下載 1864 次、安裝 0 次,這些數字會隨時間變化,只作爲流行度的參考。
小結¶
這個 Skill 的價值在於把「一套圖標要長成一個樣子」這件事的判斷和收口流程交給模型處理,省下反覆改圖和寫不清規範的時間。它不帶素材,也不替人做最終審美決定,適合作爲圖標設計流程裏的統一協作環節。
官方地址:https://api.skillhub.cn/user_3c6cb52e/self-ent-design-icon-set