Claude Code splitfair-typography:让 SwiftUI 金额数字对齐
EnglishClaude Code 安装步骤
- 打开 GitHub 固定提交的 `.claude/skills/splitfair-typography/SKILL.md`,核对内容与使用条件。
- 在自己的项目中创建 `.claude/skills/splitfair-typography/`,把核对后的文件保存为 `.claude/skills/splitfair-typography/SKILL.md`。
- 在该项目根目录启动 Claude Code,在斜杠菜单中选择 `/splitfair-typography`。
中文摘要
按 SplitFair 的字号和字体角色设置金额、项目价格与正文,核对数字改变和大字号时的排版。
SKILL.md 中文导读
可复现示例
金额排版样例 type-18 在同一列表中依次显示“12.80”和“88.10”。较窄宽度和更大字号下,金额内容仍需可读。工作步骤
- 给金额、项目价格及说明文字分别确定字号和字体角色。
- 预览变化的数字、放大字号和窄宽度,记录对齐和截断结果。
验收方法
为可变金额使用等宽数字,检查 {numbersAligned: true, amountTruncated: false}。在没有足够宽度时允许金额换行,并检查标题仍有层次。
GitHub 原文 · 更新日期
适用环境
在 Claude Code 中打开 SplitFair 项目,准备能预览变化金额与 Dynamic Type 的 SwiftUI 开发环境。
常见问题
如何核对动态金额显示没有抖动?
用同长度但数字字形不同的样例预览变化。检查不同字号和窄列里金额仍可读,且同列数字保持对齐。