overdrive

總覽

什麼是 overdrive？

overdrive 是一套為前端開發者設計的技能，適合想要突破傳統介面框架的開發者。透過利用瀏覽器的進階功能——如著色器、彈簧物理、滾動驅動的揭示效果，以及流暢的 60fps 動畫——overdrive 幫助你打造真正出眾的使用者體驗。無論是作品集、動態儀表板，或是電影般的頁面轉場，overdrive 都是讓你的專案感受非凡的利器。

誰適合使用 overdrive？

這項技能非常適合前端工程師、UI/UX 設計師，以及使用 React 或類似框架的創意技術專家。當你的目標是讓使用者驚艷、打動利害關係人，或交付創新且令人難忘的產品時，overdrive 是理想選擇。

overdrive 解決了哪些問題？

overdrive 解決了讓介面感受卓越的挑戰。它引導你完成技術上具野心的實作，確保你的強化功能既符合情境，也不只是華而不實。此技能強調理解專案目標，讓你能交付既令人印象深刻又具相關性的功能。

使用方法

安裝步驟

1. 使用 Agent Skills Finder 安裝 overdrive：

   npx skills add https://github.com/pbakaus/impeccable --skill overdrive
   

2. 首先閱讀 SKILL.md，了解詳細技能總覽與工作流程指引。
3. 查看輔助檔案，如 README.md、AGENTS.md、metadata.json，以及 rules/、resources/、scripts/ 等資料夾，獲取更多背景資訊。

準備與情境蒐集

• 實作 overdrive 前，先呼叫 /frontend-design 以取得設計原則與情境蒐集協議。
• 若尚無設計情境，請執行 /teach-impeccable 來建立基礎指引。
• 評估「非凡」對你的專案具體意義。例如，粒子系統在作品集上令人印象深刻，但在設定頁面可能不合適。

工作流程建議

• 在開發前提出你的大膽構想，思考多種設計方向並與利害關係人確認。
• 利用瀏覽器自動化工具反覆調整，確保效能與流暢度。
• 根據你的程式庫和工具調整技能工作流程，避免照抄。

常見問題

我在哪裡可以找到輔助檔案？

打開 Files 標籤查看完整檔案樹，包括巢狀參考與輔助腳本。

overdrive 適合所有專案嗎？

overdrive 最適合用於追求非凡前端體驗的專案。對於極簡或純功能性介面，可能不太適合。

overdrive 支援哪些框架？

雖然 overdrive 廣泛適用於前端開發，但對 React 及類似現代框架特別相關。

如何確保我的強化功能符合情境？

務必遵循情境蒐集協議，並與團隊協商定義專案中「非凡」的意義。