Communitygithub.com

mager/frontend-design

前端設計技能,能夠生成、重新設計並指導UI開發,體現mager的實際設計風格——概念導向、具作者感、觸感豐富、表現力強且高度易用的介面,涵蓋編輯溫暖感、明亮現代產品設計及高對比霓虹系統。在建立或審查任何前端UI時使用此技能。

frontend-design 是什麼?

這項「mager/frontend-design」技能是一個專門的前端設計代理技能,用於生成、重新設計並指導UI開發,完全符合mager的真實美學風格。它專注於概念引導的介面,強調感覺像是親手打造、有觸感、有表現力且高度可用。支援的設計風格範圍廣泛,包括編輯溫暖、明亮現代的產品設計,以及高對比霓虹系統。此技能適用於多種AI代理平台,如Claude Code、Cursor或Codex,開發者或設計師可在建立或審查前端UI時啟用它。它能自動提供符合設計調性的HTML、CSS、元件結構建議,並確保最終結果不僅美觀,且易於互動與維護。

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

在你喜歡的 AI 中提問

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

說明文件

frontend-design 是做什麼的?

前端設計技能,能夠生成、重新設計並指導UI開發,體現mager的實際設計風格——概念導向、具作者感、觸感豐富、表現力強且高度易用的介面,涵蓋編輯溫暖感、明亮現代產品設計及高對比霓虹系統。在建立或審查任何前端UI時使用此技能。

相關技能