normalize

概覽

什麼是 normalize 技能？

normalize 技能是一款 UI 設計工具，用於審核並重新調整使用者介面功能，使其符合您的設計系統標準，包括間距、代幣與既定模式。非常適合需要解決設計偏移、不匹配樣式，或希望讓功能回歸系統指引的團隊與個人使用。

誰適合使用 normalize？

normalize 最適合維護設計系統或追求 UI 一致性的設計師、前端開發者與產品團隊。當您發現不一致、想修正設計偏移，或需要確保新功能遵守設計系統時，請使用此技能。

normalize 解決了哪些問題？

• 識別並修正偏離設計系統標準的部分
• 使 UI 元件與代幣、間距及模式重新對齊
• 協助維持產品整體視覺與互動的一致性

使用說明

安裝步驟

1. 使用以下指令安裝 normalize：
   npx skills add https://github.com/pbakaus/impeccable --skill normalize
2. 閱讀 SKILL.md 檔案，了解詳細的工作流程指引與背景說明。
3. 探索其他輔助檔案，如 README.md、AGENTS.md 與 metadata.json，獲取更多協助。

工作流程概述

• 先執行 /frontend-design，蒐集設計背景與原則。
• 若尚無設計背景，執行 /teach-impeccable 建立基準標準。
• 研讀您的設計系統文件、UI 指南與元件庫。
• 分析功能中的不一致處，擬定正規化計畫。
• 執行計畫，調整 UI 以符合設計代幣與模式。
• 清理並記錄變更，方便未來參考。

什麼時候適合使用 normalize？

• 需要審核 UI 是否一致時
• 功能偏離設計系統標準時
• 新團隊成員加入，需熟悉設計系統實務時

什麼時候不建議使用 normalize？

• 沒有設計系統或 UI 指南時
• 純後端或非視覺相關任務時

常見問題

我在哪裡可以找到輔助檔案？

請開啟儲存庫的 Files 標籤，預覽 SKILL.md 及其他相關檔案，包括參考資料與輔助腳本。

normalize 是否需要設計系統？

是的，normalize 在已有設計系統或 UI 指南的情況下效果最佳。若尚無，請先使用 /teach-impeccable 建立基準。

normalize 可以修正功能性問題嗎？

normalize 著重於視覺與設計一致性，功能性問題需另行處理，但正規化過程可能揭露設計與功能交集的問題。

如何將 normalize 適應我的工作流程？

請依照 SKILL.md 與輔助檔案的指引操作，但請根據您的儲存庫、工具與團隊需求調整流程。避免照抄流程，應將其作為您 UI 設計審核的基礎。