工程開發
icon-set-generator avatar

icon-set-generator

為網站和應用程式生成具備一致視覺風格、線條粗細與密度的專業 SVG 圖示集,打造獨特的品牌 UI 識別。

簡介

圖示集生成器 (Icon Set Generator) 是一款專為設計師與開發人員設計的工具,旨在協助使用者跳脫 Lucide 或 Heroicons 等通用圖示庫,為專案建立獨特的視覺識別。此技能強制執行嚴格的設計系統,確保從導覽元件到產業專屬圖示的所有資源,均共享相同的線條屬性、邊角處理與視覺密度。透過建立共享樣式規範(如 Clean、Sharp、Soft、Minimal 或 Bold),代理程式會自動平衡光學權重,並對 SVG 路徑應用嚴格限制,確保在擴充時仍維持專業級的一致性。

  • 根據專案類型、商業模式與 UI 功能需求,自動建議產業專屬的圖示清單。

  • 強制執行嚴格的 SVG 架構,包含 currentColor 支援、共享 viewBox、一致的線條寬度與優化的路徑結構。

  • 生成包含所有圖示的預覽頁面 (preview.html),以便在不同尺寸與背景對比下即時檢查。

  • 提供 style-spec.json 檔案,保存設計意圖以利未來新增或更新圖示。

  • 消除視覺風格偏移,將規範植入生成流程,包含針對曲線與直線的視覺加權補正以及銳利形狀的超調處理。

  • 當使用者要求客製化圖示、網站資產生成,或專案描述暗示需要一致性視覺元件時觸發此技能。

  • 非常適合建構自訂網頁平台、儀表板介面或行動應用程式的軟體架構師、前端開發人員與設計代理商。

  • 使用者應提供基本的專案背景(如產業、期望氛圍、預計圖示數量),以協助代理程式選擇最合適的樣式預設值。

  • 產出包含單一優化後的 SVG 檔案與主預覽頁面,可立即整合至 React、Vue 或靜態 HTML 專案中。

  • 專為高精確度工作流程設計;所有生成的路徑均對齊半像素網格,並維持最少的元素數量,以達成最佳的渲染效能與視覺清晰度。

倉庫統計

Star 數
750
Fork 數
63
Open Issue 數
17
主要語言
Python
預設分支
main
同步狀態
閒置
最近同步時間
2026年4月29日 下午01:30
在 GitHub 查看