'Vibe-Coding' 的代價：為什麼你絕不應該劫持滑鼠指標

在現代網頁開發領域，有一種日益增長的趨勢，稱為「vibe-coding」——這種做法優先考慮美學「氛圍」（vibes）和視覺華麗感，而非功能實用性，且通常是由 AI 生成代碼的便利性所推動。雖然這些華麗的效果在作品集展示期間可以給客戶留下深刻印象，但它們往往會為實際的終端用戶帶來挫折感。

這種趨勢中最令人髮指的例子之一就是劫持滑鼠指標。透過將標準的系統游標替換為自定義形狀、變形液滴或延遲動畫，開發者在無意中破壞了人機互動中最基本的工具之一。

指標的用途

滑鼠指標並非隨意的設計選擇；它是數十年迭代優化的結果。從其輕微的傾斜——最初是為了提高在低解析度螢幕上的可見度——到其精確的點，游標的每個面向都經過精心設計，以確保用戶知道自己確切地在哪裡點擊。

當開發者將這個精確的點替換為一個大圓圈或一個變形的液滴時，他們剝奪了用戶準確瞄準按鈕和連結的能力。這會產生一種認知負荷，使用戶不再專注於網站內容，而是在為了執行基本的導航而與介面戰鬥。

Vibe-Coding 的興起

以前，實現複雜的游標動畫需要大量的時間和 CSS/JS 專業知識。然而，正如在圍繞「vibe-coding」現象的討論中所提到的，AI 提示詞（prompts）已使這些效果的實現變得微不足道。曾經需要數小時的開發工作，現在只需要幾百個 token。

這種便利性導致了「技術上令人印象深刻但令人惱火」的實作方式激增。例如，一些知名設計部落格採用了在懸停時會變形為按鈕背景的游標。雖然這在演示中看起來很流暢，但在實踐中，它遮蔽了用戶正在互動的元素本身。

超過游標：過度自定義的模式

對游標劫持的挫折感通常是更大規模「劫持」標準瀏覽器行為模式的一部分。用戶經常提到其他幾種破壞性的做法：

• Scroll Hijacking（捲動劫持）： 強制頁面以不同於用戶物理輸入的速度或節奏移動。
• Pastejacking（貼上劫持）： 操縱剪貼簿，使得用戶複製的文字與螢幕上高亮顯示的文字不同。
• Selection Overrides（選取覆蓋）： 用標準彈出視窗替換標準文字選取，或完全防止選取，這會干擾使用高亮顯示作為閱讀焦點工具的用戶。

正如一位觀察者所說，「如果它破壞了預期，過度自定義就是一種淨負面影響。」

何時自定義是可接受的？

在打破這些規則的情況下，有一個狹窄的窗口期：當網站本身就是一件實驗性的藝術品或遊戲時。在「怪異感」是主要特徵的背景下——例如互動式玩具或數位藝術畫廊——用戶會預期並享受這種對常規的顛覆。然而，對於生產力工具、電子商務或專業服務，這些效果幾乎總是會造成損害。

結論

對於網頁開發者來說，教訓很明顯：不要將「氛圍」置於可用性之上。系統游標是網頁的通用語言。當你替換它時，你並不是在增加一個功能；你是在移除一個用戶依賴於它來導航網站的工具。如果你想給用戶留下深刻印象，請透過性能、無障礙性（accessibility）和直覺的設計來做，而不是透過奪取他們滑鼠指標的控制權。