词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航

Claude Code SwiftUI components for workout logging

Use Pulse design conventions to draft a SwiftUI component with dark appearance, Dynamic Type, and a reachable one-handed touch target.

中文

Install in Claude Code

Open Pulse in Claude Code with the pinned README.md and docs/DESIGN.md. Use Xcode to preview the fixture in dark appearance and with Large text.

  1. Review `.claude/skills/ui-swift-component/SKILL.md` and its requirements at the pinned GitHub commit.
  2. Create `.claude/skills/ui-swift-component/` in your project and save the reviewed file as `.claude/skills/ui-swift-component/SKILL.md`.
  3. Start Claude Code from that project's root, then select `/ui-swift-component` in the slash menu.

Example task

Use {component: 'LogSetButton', label: 'Log set', minTap: 44} for a reachable workout logging action.

What to check

Check {component: 'LogSetButton', minTap: 44, darkMode: true}. Its label stays readable at the Large text setting and its hit area is at least 44pt.

Original SKILL.md on GitHub · Updated

Frequently asked question

Why consult the design document?

It specifies the project conventions for colors, spacing, and SF Symbols that the SwiftUI view needs to follow.