typeset

概览

什么是 typeset？

typeset 技能旨在通过系统地优化字体选择、文本层级、大小、字重和整体可读性，提升您的排版效果。它能将普通或不一致的文本转变为符合品牌形象、精心设计的排版，增强用户体验。

谁适合使用 typeset？

typeset 非常适合 UI 设计师、前端开发人员以及任何负责视觉设计的人士，帮助他们确保文本呈现专业且精致。如果您的项目存在默认字体、层级不清晰或大小不统一的问题，typeset 提供了结构化的解决方案。

typeset 解决的问题

• 消除普通或默认样式的文本
• 建立清晰的视觉层级
• 确保合适的字体大小和字重
• 提升可读性并与品牌保持一致
• 减少 UI 中的排版不一致性

使用方法

安装步骤

1. 添加 typeset 技能：
   在项目中运行以下命令：

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

2. 查看关键文件：
   从 SKILL.md 开始，了解工作流程概要。若需更深入的背景信息，可查阅 README.md、AGENTS.md 和 metadata.json（如有）。支持文件夹如 rules/、resources/ 和 references/ 也可能提供额外指导。

快速入门

• 必备准备：
  使用 typeset 前，先调用 /frontend-design 以收集设计上下文并了解现有原则。如果没有设计上下文，先运行 /teach-impeccable。

• 评估当前排版：
  分析现有字体、层级、大小和可读性，识别隐形默认设置、不清晰的标题或不一致的比例。

• 规划并应用改进：
  参考 SKILL.md 中的指导，选择更合适的字体，明确层级结构，设定统一大小。根据项目需求调整建议，而非直接复制。

何时使用 typeset

• 用户反馈字体、可读性或文本层级存在问题时
• UI 文本显得不够精致或不一致时
• UI 设计评审阶段或新产品发布前

常见问题

typeset 实际会改变什么？

typeset 帮助您审核并改进字体选择、层级、大小和可读性。它不会自动修改代码，而是提供结构化流程和最佳实践，供手动优化使用。

typeset 只适用于新项目吗？

不是，typeset 适用于新项目和现有项目，帮助提升排版质量。

哪里可以找到更多细节？

打开仓库的 Files 标签，浏览完整文件树，包括参考资料和辅助脚本。以 SKILL.md 作为主要工作流程入口，相关文件提供更深入的见解。