mcpField
S
swiftui-patterns

swiftui-patterns

github.com/podoDevelopment30166 installsUpdated 4d ago
Repository

About swiftui-patterns

swiftui-patterns is a skill that provides best practices and examples for building SwiftUI views and components on Apple platforms. It is intended for developers working on navigation, screen composition, and state management, with guidance focused on idiomatic SwiftUI patterns.

Key features

  1. 01TabView-based navigation architecture
  2. 02Navigation hierarchy patterns
  3. 03Screen composition with stacks and grids
  4. 04Custom view modifiers
  5. 05@State and @Binding management
  6. 06Component patterns with examples

Use cases

  1. 01Structuring tab-based navigation
  2. 02Composing screens with stacks and grids
  3. 03Managing view state and bindings
  4. 04Building reusable SwiftUI components

Install

Copy the command and run it in a terminal.

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

After installing, type/swiftui-patternsin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

swiftui-patterns

Catalogue stub — full skill: Dimillian/Skills

Decision tree

  1. Is the full skill already installed? Upstream names this skill swiftui-ui-patterns, so it installs next to this pointer (the pointer is not replaced).

    • Global: f=~/.agents/skills/swiftui-ui-patterns/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • Project: f=.agents/skills/swiftui-ui-patterns/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → the skill is installed as swiftui-ui-patterns, invoke it and proceed
    • pointer → go to step 2

  2. Detect scope, then install:

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

    Global:

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

    Project:

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

    Claude Code: send a command as a chat message starting with ! to run it without leaving the conversation.

Heads-up

  • License: MIT
  • Name collision: swiftui-ui-patterns is also written by swiftui-claude-skills (its install or its catalogue pointer); installing both overwrites the earlier one.

Invoke after install

  • Skill name: swiftui-ui-patterns
  • Trigger phrases: "SwiftUI patterns", "SwiftUI components", "SwiftUI tab architecture", "SwiftUI screen"

What it does

Provides best practices and example-driven guidance for building SwiftUI views and components on Apple platforms: tab-based navigation architecture with TabView, navigation hierarchies, screen composition with stacks and grids, custom view modifiers, @State and @Binding management, and component-specific patterns with reference examples. Keeps SwiftUI code idiomatic and avoids common architectural mistakes that cause layout or state-management issues.

When NOT to use

  • Liquid Glass (iOS 26) APIs → use liquid-glass-skill
  • Visual design direction for SwiftUI apps → use swiftui-design-skill
  • A broader SwiftUI skill set → use swiftui-claude-skills

Comments

Markdown supported