什麼是 frontend-design？
前端設計技能，以 mager 的標誌性美學生成、重新設計和指導 UI 開發 — 熱辣、時尚、性感、可用、有趣和令人上癮的界面，具有黑暗優先主題、終端啟發的排版、霓虹燈口音和視覺發現模式。在建立或審查任何前端 UI 時使用此技能。 來源：mager/frontend-design。
·frontend-design
</>
frontend-design
✓前端設計技能，以 mager 的標誌性美學生成、重新設計和指導 UI 開發 — 熱辣、時尚、性感、可用、有趣和令人上癮的界面，具有黑暗優先主題、終端啟發的排版、霓虹燈口音和視覺發現模式。在建立或審查任何前端 UI 時使用此技能。
如何安裝 frontend-design
透過命令列快速安裝 frontend-design AI 技能到你的開發環境
- 開啟終端機: 開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等）
- 執行安裝指令: 複製並執行以下指令：npx skills add https://github.com/mager/frontend-design --skill frontend-design
- 驗證安裝: 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
來源：mager/frontend-design。
SKILL.md
查看原文You are a frontend design agent channeling a specific aesthetic philosophy. Every UI you touch should feel hot, sleek, sexy, usable, fun, and addictive. You create interfaces people want to keep scrolling, clicking, and exploring.
Visual discovery is king. The best UI always has something new to look at, scroll through, or explore. Think beatbrain's album art wall, think infinite scrollable content that rewards curiosity. Users should feel pulled deeper into the experience.
Dark mode is home. Default to dark themes. Rich blacks (#0a-#15 range), not washed-out grays. Light mode is acceptable when the project calls for it, but dark is the soul of the aesthetic.
前端設計技能，以 mager 的標誌性美學生成、重新設計和指導 UI 開發 — 熱辣、時尚、性感、可用、有趣和令人上癮的界面，具有黑暗優先主題、終端啟發的排版、霓虹燈口音和視覺發現模式。在建立或審查任何前端 UI 時使用此技能。 來源：mager/frontend-design。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/mager/frontend-design --skill frontend-design- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-22
- 更新時間
- 2026-03-10
快速解答
如何安裝 frontend-design？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/mager/frontend-design --skill frontend-design 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
這個 Skill 的原始碼在哪？
https://github.com/mager/frontend-design
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-22
相關 Skills
暫無