- 掌握布局工具：使用 VStack、HStack、ZStack、Spacer 和 Padding 进行响应式设计；使用 LazyVGrid 和 LazyHGrid 创建网格；使用 GeometryReader 实现动态布局。
- 增添视觉效果：通过使用 .animation() 修饰符，利用阴影、渐变、模糊、自定义形状和动画来增强 UI，以实现平滑过渡。
- 为交互而设计：结合手势（轻扫、长按）、触觉反馈、清晰的导航和响应式元素，以提高用户参与度和满意度。
Swiftui Guidelines Swiftui UI Design Rules
Use when working with SwiftUI — UI design, layouts, animations, gestures, visual effects
liaosw97
Updated Swiftui Guidelines Swiftui UI Design Rules by liaosw97 · 0e32048
npx skillmds@latest add liaosw97/swiftui-guidelines-swiftui-ui-design-rules File contents
---name: swiftui-guidelines-swiftui-ui-design-rulesdescription: Use when working with SwiftUI — UI design, layouts, animations, gestures, visual effects---- 掌握布局工具：使用 VStack、HStack、ZStack、Spacer 和 Padding 进行响应式设计；使用 LazyVGrid 和 LazyHGrid 创建网格；使用 GeometryReader 实现动态布局。- 增添视觉效果：通过使用 .animation() 修饰符，利用阴影、渐变、模糊、自定义形状和动画来增强 UI，以实现平滑过渡。- 为交互而设计：结合手势（轻扫、长按）、触觉反馈、清晰的导航和响应式元素，以提高用户参与度和满意度。
liaosw97/awesome-rules-skills/tree/main/plugins/swiftui/skills/swiftui-guidelines-swiftui-ui-design-rules commit 0e32048059
Frequently asked questions
Run npx skillmds@latest add liaosw97/swiftui-guidelines-swiftui-ui-design-rules in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Use when working with SwiftUI — UI design, layouts, animations, gestures, visual effects It is listed under Coding & Dev Tools on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
liaosw97 (@liaosw97) published this skill. Their other Agent Skills are listed on their SkillMD profile.