teach-impeccable

概覽

什麼是 teach-impeccable？

teach-impeccable 是一款 UI 設計技能，幫助您捕捉並持續保存專案的設計脈絡，包括品牌資產、設計標記（design tokens）與使用者體驗偏好。只需執行一次，即可為團隊或未來工作階段建立一致的介面美學與設計方向基礎。

誰適合使用 teach-impeccable？

此技能非常適合設計師、開發者及產品團隊，想要建立明確且持久的設計指南。特別適用於新專案啟動、協作者加入時的培訓，或是設計系統的正式化階段。

它解決了哪些問題？

• 透過早期記錄視覺標準，防止設計偏移
• 方便參考品牌資產與設計標記
• 透過明確 UX 與品牌期望，簡化新成員上手流程
• 支援多位貢獻者間的一致 UI 設計

使用說明

安裝步驟

1. 使用以下指令安裝 teach-impeccable：

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

2. 查看 SKILL.md 檔案，獲得逐步指引。

初始設定流程

• 探索您的程式碼庫：檢視 README.md、package.json、設計庫與現有元件，了解目前的設計模式與資產。
• 確認品牌資產：尋找標誌、色彩調色盤與風格指南。
• 記錄設計標記：標註 CSS 變數、字型組合與間距尺度。
• 釐清不明確部分：針對使用者、品牌個性與美學偏好提出具體 UX 問題。

保存設計脈絡

teach-impeccable 將您的設計脈絡存入 AI 設定檔，讓所有未來工作階段與協作者都能存取。

推薦檢視的檔案

• 以 SKILL.md 為主要工作流程起點
• 可選擇檢視 README.md、AGENTS.md 與 metadata.json 以獲得輔助脈絡

常見問題

teach-impeccable 適用於所有專案嗎？

teach-impeccable 最適合重視 UI 一致性與設計系統明確性的專案。如果您的專案設計需求較少或不需要持久指南，可能不必使用此技能。

我可以自訂工作流程嗎？

可以。您可依照您的程式庫結構、工具與團隊需求調整 teach-impeccable 的工作流程。此技能提供彈性的框架來收集與記錄設計脈絡。

我在哪裡可以找到支援檔案與腳本？

請開啟程式庫的 Files 標籤，瀏覽完整檔案樹，包括巢狀參考與輔助腳本，以深入了解脈絡。

我應該多久執行一次 teach-impeccable？

在專案設定時執行一次，若有重大設計變更或新協作者加入時，再次執行。