SuperAPI AI 工具集

typeset

设计与创作

查看项目

更新于 10-15 20:05

技能介绍

typeset 来自 bastani-inc/atomic,用途是评估并改进显得通用、不一致或结构混乱的排版,把默认观感文字变成有意图、打磨过的字体系统。

使用前必须准备:调用 /impeccable,其中包含设计原则、反模式和上下文收集协议;若尚无设计上下文,必须先运行 /impeccable teach。

主要能力包括: 评估当前排版,检查字体选择是否为隐形默认字体(Inter、Roboto、Arial、Open Sans、系统默认)、字体是否匹配品牌个性、字体家族是否超过2-3种;检查标题、正文、说明文字是否一眼可辨,字号是否过于接近,字重对比是否足够;检查字号比例是否一致,正文是否达到16px以上,固定rem或流式clamp()是否契合场景;检查每行字符数是否在45-75之间、行高、文字与背景对比度;检查同类元素样式、字重用法和字距是否一致。 制定改进计划,包括字体选择、模块化字号比例(如1.25)、字重角色、行高与字距等间距策略。 系统改进时,字体需匹配品牌并以衬线配无衬线等方式形成真实对比,或用单一字族多字重;网页字体加载需避免布局偏移(font-display: swap、度量匹配的降级字体)。层级上用5个字号覆盖说明、次要、正文、小标题、标题,采用一致比例,并综合字号、字重、颜色、空间建立层级。应用界面用固定rem字号体系,营销或内容页标题可用clamp()流式字号,正文保持固定。可读性上,正文容器用ch单位限制最大宽度(如max-width: 65ch),标题行高1.1-1.2、正文1.5-1.7,深底浅字适当加大行高。细节上,数据表格用tabular-nums对齐,小型大写和全大写略放宽字距,大号展示文字用默认或收紧字距,令牌名用语义化的--text-body、--text-heading。字重不超过3-4种,只加载实际用到的字重。

禁止事项:字体家族超过2-3种;随意取字号;正文低于16px;正文用装饰或展示字体;禁用浏览器缩放;字号用px而非rem;在需要个性时默认用Inter/Roboto/Open Sans;搭配相似但不同的字体(如两个几何无衬线)。

验证时关注层级是否可瞬间区分、长文是否易读、同类元素是否一致、排版是否体现品牌、网页字体是否高效加载无偏移、是否满足WCAG对比度且可缩放至200%。此技能的目标不是让文字更花哨,而是更清晰、更可读、更有意图。