polish

概覽

什麼是 polish 技能？

polish 技能專為 UI 設計師與前端開發者打造，幫助將介面從功能性提升到卓越。它專注於出貨前的細緻品質檢查，解決對齊、間距、一致性及微細細節問題。當你需要最後修飾、發佈前檢查，或想修正讓產品看起來更精緻的細微視覺與互動缺陷時，這個技能非常適合。

誰適合使用 polish？

• 追求像素完美的 UI 設計師
• 使用 React 或類似框架的前端工程師
• 準備旗艦產品發佈或提升品質標準的團隊
• 注意到「有點不對勁」或想從好到優秀的任何人

解決的問題

• 視覺不一致與對齊錯誤
• 間距與網格問題
• 互動狀態缺失與邊界案例
• 文案與內容不一致
• 載入與過渡流暢度

使用說明

安裝步驟

1. 使用以下指令安裝 polish 技能：
   npx skills add https://github.com/pbakaus/impeccable --skill polish
2. 從 SKILL.md 檔案開始，了解工作流程指引。
3. 閱讀 README.md、AGENTS.md 與 metadata.json 等輔助文件，掌握背景與最佳實踐。

準備清單

• 呼叫 $frontend-design 以取得設計原則與背景資訊。
• 若無設計背景，請先執行 $teach-impeccable。
• 確認你的品質標準（MVP 或旗艦）及交付時程。

應用工作流程

• 進行潤飾前評估：確認功能完整，找出需潤飾的區域，標記已知問題。
• 系統性處理視覺對齊、間距、互動狀態、文案、邊界案例與過渡效果。
• 利用間距比例與網格達成像素完美。
• polish 僅適用於最後階段，請勿用於未完成的工作。

檔案結構指引

• 從 SKILL.md 開始，依步驟指示操作。
• 探索 rules/、resources/、references/ 等資料夾，獲取進階技巧。

常見問題

polish 適合用於早期專案嗎？

不適合。polish 技能用於功能完整作品的最終品質檢查，適合準備發佈或提升品質時使用。

polish 可以搭配任何前端框架使用嗎？

雖然針對 React 和現代前端流程優化，原則上適用於廣泛的 UI 設計與前端開發。

詳細工作流程說明在哪裡？

所有指引都在 SKILL.md 及相關文件中。請開啟檔案標籤查看完整檔案結構，包括參考資料與輔助腳本。

如果我的專案缺乏設計背景怎麼辦？

請先執行 $teach-impeccable，建立基本設計背景後再使用 polish。

polish 如何提升我的 UI？

透過系統性修正對齊、間距與微細細節，polish 確保介面整體協調、專業且準備好迎接使用者。