delight

概覽

什麼是 delight 技能？

delight 技能旨在提升使用者介面，加入愉悅時刻、個性與意想不到的精緻細節。它幫助將純粹功能性的設計轉變為讓使用者難忘且享受的體驗。常見的增強包括細膩的動畫、微互動、趣味元素，以及強化品牌個性與使用者滿意度的貼心細節。

誰適合使用 delight？

delight 非常適合 UI 設計師、前端開發者與產品團隊，想為介面增添精緻感與個性時使用。當你的目標是讓介面感覺有趣、吸引人或令人印象深刻，特別是使用者要求精緻度、動畫、微互動或獨特品牌風格時，請使用 delight。

解決的問題

• 讓介面更具吸引力與樂趣
• 為原本樸素的設計增添精緻與個性
• 緩和錯誤狀態與等待時刻的負面感受
• 透過成功、引導與成就狀態創造難忘時刻

使用說明

安裝步驟

1. 使用以下指令安裝 delight：
   npx skills add https://github.com/pbakaus/impeccable --skill delight

檢視技能檔案

• 從 SKILL.md 開始，獲得簡明概覽與實用指引。
• 查看 README.md、AGENTS.md 與 metadata.json 以取得更多背景資訊。
• 探索任何 rules/、resources/、references/ 或 scripts/ 資料夾，尋找支援資源。

在工作流程中應用 delight

• 遵循必要的準備步驟：呼叫 /frontend-design 以取得設計原則與背景資訊。若無設計背景，請先執行 /teach-impeccable。
• 評估可加入 delight 的環節：成功狀態、空白狀態、載入畫面、成就、互動、錯誤與彩蛋。
• 根據品牌個性與目標受眾調整 delight 原則——可活潑、專業、古怪或優雅。
• 強化使用者享受體驗，同時不干擾核心功能。

何時適合使用 delight？

• 想為介面增添精緻感或個性時
• 使用者要求有趣、難忘或吸引人的介面時
• 改善引導、成就或錯誤體驗時

何時不建議使用 delight？

• 嚴格追求實用性或極簡介面時
• 過多動畫或趣味元素可能分散注意力或造成使用者困擾時

常見問題

我在哪裡可以看到完整的檔案結構？

打開 Files 標籤即可檢視所有檔案，包括參考資料與輔助腳本。

delight 的核心原則是什麼？

delight 應該強化使用者體驗，絕不阻礙或分散注意力。加入趣味或動畫元素前，務必考慮品牌背景與使用者期待。

如何開始使用 delight？

安裝技能後，閱讀 SKILL.md，並依照準備與評估步驟，找出專案中最適合加入 delight 的機會。