normalize

概覽

什麼是 normalize 技能？

normalize 技能用於審核並重新調整使用者介面，使其符合您的設計系統標準、間距、代幣與樣式。此技能適合希望確保 UI 保持視覺一致性並遵循既定設計原則的團隊與個人，特別是在功能偏離預期系統或出現不一致跡象時。

誰適合使用 normalize？

normalize 非常適合 UI 設計師、前端工程師及設計系統維護者，他們需要：

• 識別並修正設計偏移或樣式不匹配
• 使功能回歸設計系統代幣與樣式
• 審核 UI 以確保一致性與標準遵循

normalize 解決的問題

• 偵測並處理 UI 元件中的不一致
• 協助團隊遵循設計系統指引
• 減少零散實作與視覺錯位

使用說明

安裝步驟

1. 將技能加入您的專案：
   使用以下指令從 Impeccable 技能庫安裝 normalize：

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

2. 閱讀重要文件：

   • 先從 SKILL.md 了解主要工作流程與需求。
   • 查看 README.md、AGENTS.md 與 metadata.json 以獲取輔助資訊。
   • 探索 rules/、resources/、references/ 或 scripts/ 資料夾，取得更多背景與工具。

工作流程概覽

• 必要準備：
  • 呼叫 /frontend-design 以取得設計原則與情境收集協議。若無設計情境，請先執行 /teach-impeccable。
• 規劃階段：
  • 研讀您的設計系統文件、UI 指南與元件庫。
  • 分析當前功能的偏差與不一致根因。
  • 制定正規化計畫，列出具體變更需求。
• 執行階段：
  • 依計畫更新 UI 元素，確保所有代幣與樣式符合設計系統。
• 收尾階段：
  • 檢視變更完整性，並記錄任何更新或例外情況。

適應您的工作流程

normalize 具彈性，請依您的程式庫、工具與團隊流程調整其指引。請勿逐字複製指令，而是將此技能視為 UI 對齊最佳實踐的參考。

常見問題

什麼時候應該使用 normalize？

當您發現 UI 不一致、設計偏移或代幣不匹配，並希望讓功能回歸設計系統時，請使用 normalize。

我應該先查看哪些檔案？

建議先從 SKILL.md 開始，全面了解正規化流程。README.md 與 AGENTS.md 等輔助檔案則提供更多背景資訊。

normalize 會自動修改嗎？

不會，normalize 提供結構化工作流程與最佳實踐，協助您手動審核與重新調整 UI。它引導您完成準備、規劃、執行與檢視階段。

我在哪裡可以找到更多細節或腳本？

請開啟程式庫中的 Files 標籤，探索所有可用資源，包括輔助腳本與深入整合的參考資料。