elite-performance
✓優質動畫網站的效能優化。當詢問以下問題時使用：動畫效能、60fps、Core Web Vitals、Vite 設定、捆綁最佳化、延遲載入、意志變更、GPU 加速、佈局抖動、調試卡頓或效能預算。
SKILL.md
| Vite Setup | vite-setup.md | | Animation Performance | animation-performance.md | | Asset Optimization | asset-optimization.md | | Debugging | debugging.md |
| Metric | Good | Needs Work | Poor |
| LCP (Largest Contentful Paint) | ≤ 2.5s | ≤ 4.0s | > 4.0s | | INP (Interaction to Next Paint) | ≤ 200ms | ≤ 500ms | > 500ms | | CLS (Cumulative Layout Shift) | ≤ 0.1 | ≤ 0.25 | > 0.25 |
優質動畫網站的效能優化。當詢問以下問題時使用：動畫效能、60fps、Core Web Vitals、Vite 設定、捆綁最佳化、延遲載入、意志變更、GPU 加速、佈局抖動、調試卡頓或效能預算。 來源：rshvr/elite-web-design。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/rshvr/elite-web-design --skill elite-performance- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-11
- 更新時間
- 2026-02-18
快速解答
什麼是 elite-performance？
優質動畫網站的效能優化。當詢問以下問題時使用：動畫效能、60fps、Core Web Vitals、Vite 設定、捆綁最佳化、延遲載入、意志變更、GPU 加速、佈局抖動、調試卡頓或效能預算。 來源：rshvr/elite-web-design。
如何安裝 elite-performance？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/rshvr/elite-web-design --skill elite-performance 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/rshvr/elite-web-design
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-11