Claude Code SwiftUI 组件：为健身记录配置可访问按钮
EnglishClaude Code 安装步骤
- 打开 GitHub 固定提交的 `.claude/skills/ui-swift-component/SKILL.md`，核对内容与使用条件。
- 在自己的项目中创建 `.claude/skills/ui-swift-component/`，把核对后的文件保存为 `.claude/skills/ui-swift-component/SKILL.md`。
- 在该项目根目录启动 Claude Code，在斜杠菜单中选择 `/ui-swift-component`。
中文摘要
参考 Pulse 项目已有设计，生成支持深色模式和动态字体的 SwiftUI 组件，并核对单手点击区域。
SKILL.md 中文导读
可复现示例
给定 {component: 'LogSetButton', label: 'Log set', minTap: 44}，目标是在训练记录中显示一个可触达的操作。工作步骤
- 读取项目 README 与设计文档，确认组件所需的样式。
- 生成 SwiftUI 视图，在目标预览里检查文字与点击区域。
验收方法
核对 {component: 'LogSetButton', minTap: 44, darkMode: true}，Large 字号预览中文本完整，按钮点击区域至少 44pt。
GitHub 原文 · 更新日期
适用环境
在 Claude Code 打开 Pulse 项目，保留固定版本的 README.md 与 docs/DESIGN.md。用 Xcode 预览样例的深色模式和大字号。
常见问题
为什么还要看设计文件？
颜色、间距和 SF Symbols 的约定来自项目设计说明，先对照这些约定再选择组件样式。