elite-design-core
✓精英網頁設計的切入點。涵蓋設計理念、視覺系統和設計到程式碼的過程。當被問及以下問題時使用:高級網站設計、屢獲殊榮的美學、設計系統、視覺層次、間距、排版、色彩理論或「如何使其看起來專業」。這項技能提供了指導所有其他精英網頁設計技能的基礎思維。新專案或確定設計方向時從這裡開始。
SKILL.md
| Visual hierarchy | visual-hierarchy.md | | Spacing systems | spacing-systems.md | | Typography | typography.md | | Color theory | color-theory.md |
Restraint Over Excess Every element earns its place. Remove until it breaks, then add back one thing.
Intentional Motion Animations guide attention and communicate state - never decoration. Each animation answers: "What does this help the user understand?"
精英網頁設計的切入點。涵蓋設計理念、視覺系統和設計到程式碼的過程。當被問及以下問題時使用:高級網站設計、屢獲殊榮的美學、設計系統、視覺層次、間距、排版、色彩理論或「如何使其看起來專業」。這項技能提供了指導所有其他精英網頁設計技能的基礎思維。新專案或確定設計方向時從這裡開始。 來源:rshvr/elite-web-design。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/rshvr/elite-web-design --skill elite-design-core- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-11
- 更新時間
- 2026-02-18
快速解答
什麼是 elite-design-core?
精英網頁設計的切入點。涵蓋設計理念、視覺系統和設計到程式碼的過程。當被問及以下問題時使用:高級網站設計、屢獲殊榮的美學、設計系統、視覺層次、間距、排版、色彩理論或「如何使其看起來專業」。這項技能提供了指導所有其他精英網頁設計技能的基礎思維。新專案或確定設計方向時從這裡開始。 來源:rshvr/elite-web-design。
如何安裝 elite-design-core?
開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/rshvr/elite-web-design --skill elite-design-core 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪?
https://github.com/rshvr/elite-web-design
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-11