typeset

概覽

typeset 是什麼？

typeset 是一項專注於 UI 設計的技能，旨在將通用或不一致的字體排版轉變為有意識且精心打造的文字。它系統性地處理字體選擇、文字層級、大小、字重與可讀性，特別適合文字感覺預設、缺乏結構或需要更精緻外觀的專案。

誰適合使用 typeset？

設計師、前端開發者以及任何負責使用者介面美感的人都能從 typeset 中受益。當使用者反映字體、可讀性、文字層級有問題，或希望介面看起來更專業且視覺吸引時，typeset 尤其有用。

typeset 解決的問題

• 消除隱形的預設字體與不匹配的字型
• 清晰定義標題、內文與說明文字的層級
• 建立一致的字體大小與比例
• 改善可讀性與視覺對比
• 協助字體排版與品牌個性對齊

使用說明

安裝步驟

1. 使用以下指令安裝 typeset：

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

2. 開始前請先閱讀 SKILL.md，了解工作流程與指引。
3. 若需更完整背景，可參考相關檔案如 README.md、AGENTS.md 與 metadata.json（若有）。

工作流程概覽

• 必要準備：
  • 執行 /frontend-design 以收集設計背景與原則。若尚無設計背景，請先執行 /teach-impeccable。
• 評估現有字體排版：
  • 分析字體選擇、層級、大小與可讀性。找出弱點，如預設字體、不明確層級或大小不一致。
• 規劃改進方案：
  • 選擇符合品牌個性的字體，建立明確層級，設定一致大小，並確保最低可讀標準。
• 系統性調整：
  • 實施字體比例尺，調整字重以增強對比，並根據 UI 情境採用固定或流動大小策略。

檔案預覽

• 建議先從 SKILL.md 開始，快速掌握 typeset 工作流程重點。

常見問題

typeset 適合純程式碼專案嗎？

typeset 專為 UI 設計與視覺文字優化而設計，不適用於完全透過程式碼管理字體排版、無設計介入的專案。

我應該先看哪些檔案？

建議先從 SKILL.md 了解整體概況，再視需要深入閱讀其他支援檔案。

typeset 如何融入我的設計流程？

typeset 最適合在需要審核並升級 UI 字體排版時使用，尤其當文字感覺通用或缺乏結構時。它能補足更廣泛的前端設計流程，並在搭配背景收集程序時發揮最大效益。

我在哪裡可以找到 typeset 技能？

typeset 技能託管於 GitHub，網址為 pbakaus/impeccable。