mcpField
S
swiftui-patterns

swiftui-patterns

github.com/podo开发30166 次安装4 天前更新
代码仓库

关于 swiftui-patterns

swiftui-patterns 是一项技能，为 Apple 平台上的 SwiftUI 视图和组件开发提供实践建议与示例，适合处理导航、屏幕构成和状态管理的开发者。其内容聚焦于符合 SwiftUI 习惯的实现模式。

主要功能

  1. 01基于 TabView 的导航架构
  2. 02导航层级模式
  3. 03使用堆栈和网格构成屏幕
  4. 04自定义视图修饰符
  5. 05@State 和 @Binding 管理
  6. 06附示例的组件模式

适用场景

  1. 01构建基于标签页的导航
  2. 02使用堆栈和网格组织屏幕
  3. 03管理视图状态与绑定
  4. 04构建可复用的 SwiftUI 组件

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill swiftui-patterns

安装后在 Claude Code 中输入/swiftui-patterns确认已加载。

附带文件stub.yaml

详细介绍

swiftui-patterns

目录占位条目 — 完整技能：Dimillian/Skills

决策树

  1. 是否已安装完整技能？ 上游将此技能命名为 swiftui-ui-patterns，因此它会安装在此指针旁边（不会替换此指针）。

    • 全局：f=~/.agents/skills/swiftui-ui-patterns/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • 项目：f=.agents/skills/swiftui-ui-patterns/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → 技能已作为 swiftui-ui-patterns 安装，调用该技能并继续
    • pointer → 转到第 2 步

  2. 检测范围，然后安装：

    [ -e ~/.agents/skills/swiftui-patterns ] && echo "global" || echo "project"

    全局：

    npx skills add Dimillian/Skills --skill swiftui-ui-patterns -g -y

    项目：

    npx skills add Dimillian/Skills --skill swiftui-ui-patterns -y

    Claude Code： 发送以 ! 开头的聊天消息作为命令，即可在不离开对话的情况下运行它。

注意事项

  • 许可证： MIT
  • 名称冲突： swiftui-ui-patterns 也由 swiftui-claude-skills 提供（作为其安装内容或目录指针）；同时安装两者会覆盖较早安装的版本。

安装后调用

  • 技能名称：swiftui-ui-patterns
  • 触发短语："SwiftUI patterns"、"SwiftUI components"、"SwiftUI tab architecture"、"SwiftUI screen"

功能

提供在 Apple 平台上构建 SwiftUI 视图和组件的最佳实践及示例指导：使用 TabView 的基于标签页的导航架构、导航层级、使用堆栈和网格进行屏幕组合、自定义视图修饰符、@State 和 @Binding 管理，以及包含参考示例的组件专属模式。确保 SwiftUI 代码符合惯用写法，并避免导致布局或状态管理问题的常见架构错误。

不适用场景

  • Liquid Glass（iOS 26）API → 使用 liquid-glass-skill
  • SwiftUI 应用的视觉设计方向 → 使用 swiftui-design-skill
  • 更全面的 SwiftUI 技能集 → 使用 swiftui-claude-skills

评论

支持 Markdown