typeset

概覽

什麼是 typeset？

typeset 是一項專注於數位介面排版優化的 UI 設計技能。它系統性地改善字體選擇、文字層級、大小、字重與整體可讀性，確保您的文字呈現出用心且視覺吸引的效果。當您的專案排版顯得普通、不一致或結構鬆散，或使用者希望文字更精緻易讀時，這項技能特別有用。

誰適合使用 typeset？

設計師、前端開發者以及任何負責 UI 美感的人都能從 typeset 中受益。它非常適合重視文字清晰度、品牌一致性與視覺層級的專案，例如網頁應用、行銷網站與產品儀表板。

typeset 解決的問題

• 消除預設或不匹配的字體選擇
• 建立明確的文字層級與比例
• 改善可讀性與無障礙性
• 創造一致且符合品牌的排版系統

使用說明

安裝步驟

1. 將技能加入您的專案：
   執行：

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

2. 閱讀主要文件：
   從 SKILL.md 檔案開始，了解詳細工作流程與最佳實踐。
3. 了解前置條件：
   • 執行 $frontend-design 以掌握基礎設計原則與 Context Gathering Protocol。
   • 若無設計上下文，請依技能文件指示執行 $teach-impeccable。

工作流程概述

• **評估現有排版：**辨識字體選擇、層級、大小與可讀性的不足。
• **規劃改進方案：**利用提供的檢查清單與指引，定義新的排版系統。
• **實施變更：**系統性地更新字體、大小、字重與間距，應用於整個 UI。

重要檔案介紹

• SKILL.md：核心工作流程與逐步指導
• README.md、AGENTS.md、metadata.json：額外背景與整合說明
• 各類 rules/、resources/、references/ 資料夾：支援素材

常見問題

什麼時候應該使用 typeset？

當您的 UI 文字看起來普通、缺乏層級，或使用者反映可讀性差時，建議使用 typeset。它在設計審核或品牌重塑時也非常有價值。

typeset 需要設計經驗嗎？

雖然具備設計知識會有幫助，typeset 提供結構化步驟與檢查清單，讓設計師與開發者都能輕鬆上手。

如果我的專案沒有現成的設計上下文怎麼辦？

請依技能指引執行 $teach-impeccable，建立基礎後再進行排版優化。

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

打開您的代理技能目錄中的 Files 標籤，瀏覽完整檔案樹，包括 typeset 的參考資料與輔助腳本。