frontend-design
✓Web UI 的設計思維和決策。在設計組件、佈局、配色方案、排版或創建美觀的界面時使用。教導的是原則，而不是固定的價值觀。
SKILL.md
Philosophy: Every pixel has purpose. Restraint is luxury. User psychology drives decisions. Core Principle: THINK, don't memorize. ASK, don't assume.
| ux-psychology.md | 🔴 REQUIRED | Always read first! | | color-system.md | ⚪ Optional | Color/palette decisions | | typography-system.md | ⚪ Optional | Font selection/pairing | | visual-effects.md | ⚪ Optional | Glassmorphism, shadows, gradients | | animation-guide.md | ⚪ Optional | Animation needed | | motion-graphics.md | ⚪ Optional | Lottie, GSAP, 3D |
🔴 ux-psychology.md = ALWAYS READ. Others = only if relevant.
Web UI 的設計思維和決策。在設計組件、佈局、配色方案、排版或創建美觀的界面時使用。教導的是原則，而不是固定的價值觀。 來源：vudovn/antigravity-kit。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/vudovn/antigravity-kit --skill frontend-design- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 frontend-design？
Web UI 的設計思維和決策。在設計組件、佈局、配色方案、排版或創建美觀的界面時使用。教導的是原則，而不是固定的價值觀。 來源：vudovn/antigravity-kit。
如何安裝 frontend-design？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/vudovn/antigravity-kit --skill frontend-design 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/vudovn/antigravity-kit
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-01