SuperAPI AI 工具集

ui-typography

设计与创作

查看项目

更新于 10-15 17:25

技能介绍

用途:为 UI 设计、Web 应用、软件界面及所有屏幕文本提供专业排版规则,规则源自 Matthew Butterick 的《Practical Typography》。默认在生成任何含可见文本的 UI 时自动套用,无需询问或解释;审查现有代码或设计时,指出违规并给出修改前后方案。

主要能力:字符层面要求弯引号与撇号(“ ” ‘ ’),区分连字符、短破折号(–)与长破折号(—),省略号用 …,乘号用 ×,英尺英寸符号保持直引号;商标版权用真实符号 © ™ ®;重音字符在专有名词中必须保留。间距上标点后只用一个空格,用   防止断行。格式上粗体与斜体互斥且尽量少用,禁止下划线,全大写须加 5–12% 字距,小型大写仅用真实字体。版式上正文先行,行长 45–90 字符,行距为字号的 120–145%,左对齐,段落缩进或段间距二选一,标题最多三级,表格去边框加内边距。响应式排版中字号与容器宽度同步缩放,文本容器始终设 max-width,移动端最小内边距 0 1rem。

使用方式:生成 CSS 或查询实体时可参考 references/css-templates.md 与 references/html-entities.md。JSX/React 中 Unicode 转义序列在标签间文本里不生效,应直接粘贴真实 UTF-8 字符或用 {'\u2019'} 包裹;HTML 文件可用实体。批量修复可用 sed 配合原始 UTF-8 字节。

适用场景:界面文案、网页正文、数据表格、标题层级、打印与屏幕排版。

限制:规则为长期排版惯例而非趋势;部分能力依赖字体是否具备真实小型大写或 OpenType 特性;系统字体可能缺少相应支持。具体安装命令与收费信息暂未提供。