typography-system
✓掌握字體選擇、字體比例、層次結構、可讀性和可訪問性的版式設計。創建適用於所有設備和環境的一致、美觀的排版。包括模塊化比例、流暢排版、可變字體和可訪問性最佳實踐。
SKILL.md
Typography is the voice of your interface. It communicates hierarchy, establishes tone, and guides users through your content. Great typography is invisible—users don't notice it because it works so well.
This skill teaches you to think about typography systematically: choosing fonts with intention, creating scales that feel natural, establishing clear hierarchy, and ensuring readability and accessibility across all contexts.
Rather than choosing font sizes arbitrarily, use a modular scale—a mathematical progression of sizes that feels harmonious and intentional.
掌握字體選擇、字體比例、層次結構、可讀性和可訪問性的版式設計。創建適用於所有設備和環境的一致、美觀的排版。包括模塊化比例、流暢排版、可變字體和可訪問性最佳實踐。 來源：sanky369/vibe-building-skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/sanky369/vibe-building-skills --skill typography-system- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 typography-system？
掌握字體選擇、字體比例、層次結構、可讀性和可訪問性的版式設計。創建適用於所有設備和環境的一致、美觀的排版。包括模塊化比例、流暢排版、可變字體和可訪問性最佳實踐。 來源：sanky369/vibe-building-skills。
如何安裝 typography-system？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/sanky369/vibe-building-skills --skill typography-system 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/sanky369/vibe-building-skills
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01