normalize

概覽

什麼是 normalize 技能？

normalize 技能旨在審核並調整使用者介面（UI）元件，使其符合您的設計系統標準，包括間距、設計代幣與視覺樣式。非常適合希望維持 UI 一致性、解決設計偏移或修正不匹配樣式的團隊與設計師。

誰適合使用 normalize？

此技能最適合前端開發人員、UI/UX 設計師，以及任何負責維護設計系統完整性的人員。如果您發現不一致、過時的設計代幣或功能與設計系統不符，normalize 提供結構化流程，幫助您將 UI 恢復一致。

它解決了哪些問題

• 偵測並修正偏離設計系統標準的部分
• 協助解決設計偏移與不匹配的 UI 元素
• 確保設計代幣、間距與樣式的一致使用
• 提供可重複執行的 UI 正規化流程

使用說明

安裝步驟

1. 使用以下指令安裝技能：

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

2. 首先閱讀 SKILL.md 檔案，了解逐步的正規化工作流程。該檔案說明了準備、規劃、執行與清理階段。

3. 如需更多背景資訊，請查看相關檔案，例如 README.md、AGENTS.md、metadata.json，以及名為 rules/、resources/ 或 references/ 的資料夾。

工作流程概覽

• 必要準備： 在進行變更前，執行 /frontend-design 以收集設計原則與背景資訊。若無設計背景，請先執行 /teach-impeccable。
• 規劃： 研讀您的設計系統文件，分析目前功能並找出偏差。
• 執行： 進行調整，使 UI 符合設計系統標準，重點在設計代幣、間距與樣式。
• 清理： 檢視並記錄變更，確保持續一致性。

何時使用 normalize

• 發現 UI 不一致或設計偏移時
• 重大設計系統更新後
• UI 審核期間或功能發布前

常見問題

normalize 實際做了什麼？

normalize 技能會審核您的 UI，並提供結構化方法，將元件調整回符合設計系統，重點在設計代幣、間距與視覺一致性。

使用 normalize 需要設計系統嗎？

需要，normalize 在已有設計系統的情況下效果最佳。若尚未建立，技能會建議先執行 /teach-impeccable，建立基礎設計背景。

我該從哪裡開始？

請從 SKILL.md 檔案開始，了解詳細工作流程。利用檔案標籤探索支援腳本與參考資料。

這個技能適合用於後端或程式邏輯正規化嗎？

不適合，normalize 專注於 UI 設計與前端一致性，不用於後端或非視覺程式碼正規化。

我可以將工作流程調整為符合自己的工具嗎？

可以，正規化流程具彈性，可依您的程式庫、設計系統與團隊作法調整。