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。