swiftui-design-principles
遵循苹果原生设计原则的 SwiftUI 开发助手
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：swiftui-design-principles。 它的用途是：遵循苹果原生设计原则的 SwiftUI 开发助手 完整的 Skill 内容见：https://321skill.com/skills/swiftui-design-principles/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我正在设计一个数据展示的 SwiftUI 视图，有一个主数字和几个副标题，帮我按照苹果的设计原则调整一下间距和字体。” 它会根据 Skill 内的规则，建议你使用 `.light` 字重的 36pt 字体作为主数字，并为其上下添加 32pt 的垂直间距，同时为副标题使用 11pt `.regular` 字体并置于主数字下方 8pt 处，确保整体遵循一致的视觉网格和层级。
介绍
这个 Skill 旨在解决 SwiftUI 开发中常见的界面“不协调”问题。许多应用虽然功能完整，但在间距、字体、颜色等细节上显得粗糙，缺乏苹果原生应用那种精致、和谐的“原生感”。它通过编码一套源自高质量应用的设计原则，帮助开发者避免这些视觉陷阱。
使用时，开发者可以在构建或修改 SwiftUI 视图、iOS 小组件（WidgetKit）或任何原生 Apple UI 时调用此 Skill。它会提供具体的指导，例如使用基于 4/8 的间距网格、建立清晰的字体层级、推荐系统颜色等，确保界面元素的每个像素都“物有所值”。
它非常适合所有使用 SwiftUI 进行 iOS、iPadOS、macOS 或 watchOS 开发的工程师和设计师，尤其是那些希望提升应用视觉品质、追求“苹果范儿”但缺乏系统设计知识的开发者。对于独立开发者或小团队，它能有效弥补专业 UI/UX 设计师的缺口。
与同类 UI 代码生成或通用设计指南 Skill 不同，它并非简单地提供代码片段或泛泛而谈。其核心在于提炼了一套可执行的、针对 SwiftUI 和苹果生态的“设计系统”规则，直接对比优秀与糟糕的实现案例，告诉开发者“什么该做，什么不该做”，从而在代码层面强制执行一致性，产出视觉上更专业、更像原生高质量应用的作品。
核心特点
核心区别在于它提供了一套源自真实高质量应用对比的、可执行的 SwiftUI 专属设计系统规则（如严格的 4/8 间距网格、字体权重与尺寸的搭配原则），而非通用的 UI 建议或零散的代码片段，能直接在编码时指导开发者做出符合苹果原生视觉审美的具体决策。
注意事项
不适合追求高度自定义、非苹果设计语言（如 Material Design）或需要突破原生风格进行大胆创新的视觉设计场景。
常见问题
SwiftUI 设计原则有哪些？
核心包括：使用一致的 4/8 间距网格、通过字体权重而非仅尺寸建立层级、优先使用系统颜色和组件、保持界面文案简洁等。
如何让 SwiftUI 应用看起来更原生？
调用此 Skill，它会指导你应用具体的间距、字体、颜色规则，避免使用任意值，从而让应用视觉与苹果原生应用和谐统一。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/swiftui-design-principles/raw/index.md 读取 swiftui-design-principles 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/swiftui-design-principles/raw/index.md（查看排版版本）