Communitygithub.com

arvindrk/extract-design-system

從公開網站提取設計基本元素,並為您的專案生成初始 Token 檔案。

extract-design-system 是什麼?

此技能可從任何公開網站自動提取核心設計元素(如顏色、字型、間距等),並將其轉換為結構化的設計 Token 檔案。開發人員可直接將這些 Token 匯入專案,作為建立或標準化設計系統的起點。支援多種平台與框架(如 CSS 變數、Tailwind、Style Dictionary 等),能顯著加速 UI 開發與品牌一致性的維護。運作方式是透過分析網站 CSS 與渲染樣式,識別出重複使用的設計模式,並輸出對應的 JSON、YAML 或平台專屬格式。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/arvindrk/extract-design-system/tree/main/skills/extract-design-system

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

extract-design-system 是做什麼的?

從公開網站提取設計基本元素,並為您的專案生成初始 Token 檔案。

相關技能