跳到技能内容
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
技能目录24 小时热门TOP100 技能每日更新
Skills 技能/zakariaf/SplitFair/splitfair-typography

Claude Code splitfair-typography:让 SwiftUI 金额数字对齐

English

Claude Code 安装步骤

  1. 打开 GitHub 固定提交的 `.claude/skills/splitfair-typography/SKILL.md`,核对内容与使用条件。
  2. 在自己的项目中创建 `.claude/skills/splitfair-typography/`,把核对后的文件保存为 `.claude/skills/splitfair-typography/SKILL.md`。
  3. 在该项目根目录启动 Claude Code,在斜杠菜单中选择 `/splitfair-typography`。

中文摘要

按 SplitFair 的字号和字体角色设置金额、项目价格与正文,核对数字改变和大字号时的排版。

SKILL.md 中文导读

可复现示例

金额排版样例 type-18 在同一列表中依次显示“12.80”和“88.10”。较窄宽度和更大字号下,金额内容仍需可读。

工作步骤

  1. 给金额、项目价格及说明文字分别确定字号和字体角色。
  2. 预览变化的数字、放大字号和窄宽度,记录对齐和截断结果。

验收方法

为可变金额使用等宽数字,检查 {numbersAligned: true, amountTruncated: false}。在没有足够宽度时允许金额换行,并检查标题仍有层次。

GitHub 原文 · 更新日期 2026-11-14

适用环境

在 Claude Code 中打开 SplitFair 项目,准备能预览变化金额与 Dynamic Type 的 SwiftUI 开发环境。

常见问题

如何核对动态金额显示没有抖动?

用同长度但数字字形不同的样例预览变化。检查不同字号和窄列里金额仍可读,且同列数字保持对齐。

技能信息

GitHub 仓库
zakariaf/SplitFair

收集于互联网

相关指南

  • Claude Code 自定义 Skills:SKILL.md 的目录、触发条件与测试
更多 Claude Code 技能

相关推荐

  • Claude Code splitfair-design-system:设计可读的 SwiftUI 账单界面

    zakariaf/SplitFair

  • Claude Code splitfair-ios-platform:设计 SwiftUI 分享和输入交互

    zakariaf/SplitFair

  • splitfair-money-math 技能

    zakariaf/SplitFair

词映 AI 导航Skills 技能
工具分类全部工具已本地化技能选型指南AI 快讯